如何為換行時消失的水平清單建立響應式分隔符號？

水平清單的回應式分隔符號

問題：

如何刪除行中的分隔符視口變化所引起的中斷尺寸？

範例：

|第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中文網其他相關文章！