水平清單的回應式分隔符號
問題:
如何刪除行中的分隔符視口變化所引起的中斷尺寸?
範例:
|第1 項|項目2 |第3 項|項目4 |項目5 |
|---|---| ---|---|---|
當視窗變窄時:
Item 1 | Item 2 | Item 3 |
---|---|---|
Item 4 | Item 5 |
注意分隔符號保留在換行符處。
可能解決方案:
僅CSS:
您可以利用尾隨空格的折疊:
b { background: red; outline: 1px solid blue; } div { resize: both; overflow: hidden; }
<div> word<b> </b>.repeat(42) </div>
以上是如何為換行時消失的水平清單建立響應式分隔符號?的詳細內容。更多資訊請關注PHP中文網其他相關文章!