水平清單的回應式分隔符號
問題:
如何刪除行中的分隔符視口變化所引起的中斷尺寸?
範例:
|第1 項|項目2 |第3 項|項目4 |項目5 |
|---|---| ---|---|---|
當視窗變窄時:
Item 1 | Item 2 | Item 3 |
---|---|---|
Item 4 | Item 5 |
注意分隔符號保留在換行符處。
可能解決方案:
僅CSS:
您可以利用尾隨空格的折疊:
1 2 3 4 5 6 7 8 |
|
1 2 3 |
|
以上是如何為換行時消失的水平清單建立響應式分隔符號?的詳細內容。更多資訊請關注PHP中文網其他相關文章!