我有一个要在 float 列表中显示的元素列表，列表中的每个元素都具有固定宽度，因此每行有两个元素。防止这种可怕事情发生的最佳做法是什么:
alt text http://x01.co.uk/floated_items.gif
可能性:
- 在显示数据之前修剪到指定数量的字符。需要猜测有多少字符是“安全的”。
- 溢出:隐藏。哈基。
- 移除背景，只为每个元素添加上边框。
可能但愚蠢:
- 通过 overflow: auto 在每个元素中有一个滚动条，这看起来很可怕。
- 向容器添加背景图像。不能保证总是有相同数量的元素，所以这个选项不适用。
感谢任何有关这个恼人问题的帮助!
最佳答案
您是否使用固定字体大小，即以 px 指定？如果不是，您还需要考虑每个浏览器的各种文本大小选项，这可能会使修剪字符串的概念变得多余。如果它是固定的，那么可能会看到您可以放入多少个 W 并将您的文本限制为 -3 并附加一个省略号，不确定此列表的用途，所以这是一种方法。
我个人可能会使用 overflow:hidden，因为它涵盖了所有可能发生的情况，并确保它始终使您的布局保持一致。
我想最后一个选择是严格控制可以添加到列表中的内容，并首先防止问题发生。正如他们所说，预防胜于治疗，尽管可能毫无帮助。
关于css - 显示未知长度的字符串时，最好的 UI/CSS 组合是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/269298/