如果內容「換行符」顯示爲「塊」，但顯示「內聯」，否則可以顯示嗎？

我有代碼看起來像這樣有點：如果內容「換行符」顯示爲「塊」，但顯示「內聯」，否則可以顯示嗎？

<div class="some-class"> 
    <span>NameOfThing</span> 
    <div class="block-or-inline"> 
     <span style="white-space: nowrap">ValueOfThing1</span> 
     <span style="white-space: nowrap">ValueOfThing2</span> 
    </div> 
</div>

如果div.block-或內聯裏面的內容比它的容器（不換行）的寬度短，我想所有的內容在一條線上渲染。但是，如果內容更廣泛 - 導致換行 - 我希望兩者都跨越到新的界限。

這可能嗎？

來源

2017-03-28 tedtoy

如果你想渲染一行內容，你可以把css屬性overflow：hidden; div.block-inline和一個特定的寬度，如果內容對div更寬，剩下的就會消失。這是一種顯示避免換行的內容的方法。

來源

2017-03-29 00:00:16 Argenis

是的，溢出隱藏也是一個有用的屬性。但它__有消失的副作用.. – tedtoy

你說得對，是問題，但如果你試圖放置更多的文本內容容器的寬度接受，文本將被換行。 – Argenis

我剛剛離開了我的鍵盤幾分鐘，並意識到一個簡單的方法來解決這個問題將放置我想要在同一個「白色空間：nowrap」下打破新行的兩個內容，範圍：

<div class="some-class"> 
    <span>NameOfThing</span> 
    <span style="white-space: nowrap">ValueOfThing1 ValueOfThing2</span> 
</div>

來源

2017-03-29 00:04:46 tedtoy

如果內容「換行符」顯示爲「塊」，但顯示「內聯」，否則可以顯示嗎？

回答

相關問題