html - CSS - 就地打破元素(不返回行首)

Question

我在电子商务平台中使用了一些现成的解决方案，其中更改外观的最佳方式是覆盖/添加新的 CSS 样式。我不想更改模板 - 因为这意味着更新时会遇到麻烦。

我想知道，如果不使用标准和CSS表格样式(使用display: table-cell会产生其他一些意想不到的效果)，我是否可以实现表格的效果。

我现在有这个效果，例如(显示:内联)

|                                                             |
| [first element ][ second element ][ third element ][ fourth |
| element]                                                    |
|                                                             |

这就是我想要的:

|                                                               |
| [first element ][ second element ][ third element ][ fourth   |
|                                                      element] |
|                                                               |

有什么想法吗？

Answer 1

您可以改用 inline-block，并为第四个元素提供一个新 ID，该 ID 将定义特定的宽度和高度以使其留在行中。