CSSspan同行顯示

在HTML中，標簽通常用于定義文本中的一小部分，并給這部分文字賦予CSS樣式，span標簽不是塊級元素（block-level），而是行內元素（inline），所以它不會在文檔中另起一行。
當span標簽使用display屬性值為block時，它會變成塊級元素，從而具有塊級元素的屬性，如橫向占據整個寬度，縱向另起一行，但可能會破壞文本本身的行和段結構。
因此，如果我們僅希望修改標簽內的樣式，而不想讓這個標簽新起一行，可以使用標簽的默認行內元素特性，并在其父元素中增加樣式white-space: nowrap，禁止在任何情況下換行，這樣就能夠實現標簽的同行顯示。
例如：
<p style="white-space: nowrap;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
sed do eiusmod temporincididunt ut laboreet dolore magna aliqua.
</p>以上代碼，標簽內的文本“incididunt ut labore”將和“consectetur adipiscing elit”在同一行中顯示。
希望這篇文章對你學習CSS同行顯示有所幫助！