显示未知长度的字符串时,最佳UI/CSS组合是什么?

tag*_*s2k 6 css user-interface list

我有一个项目列表,我在浮动列表中显示,列表中的每个项目都有一个固定的宽度,以便每行有两个.防止这种可怕事情发生的最佳做法是什么:

alt text http://x01.co.uk/floated_items.gif

Possibilites:

  • 在显示数据之前修剪指定数量的字符.需要猜测有多少字符是"安全的".
  • 溢出:隐藏.哈克.
  • 删除背景,每个项目只有一个顶部边框.

可能但很愚蠢:

  • 通过执行溢出在每个项目中有一个滚动条:自动,这看起来很可怕.
  • 将背景图像添加到容器中.不保证始终有相同数量的项目,因此该选项已经用完.

对这个恼人的问题的任何帮助表示赞赏!

Laz*_*rus 2

您是否使用固定字体大小,即以 px 为单位指定?如果不是,您还需要考虑每个浏览器的各种文本大小选项,这可能会使修剪字符串的概念变得多余。如果它已修复,那么也许看看您可以容纳多少个 W,并将您的文本限制为 -3 并附加省略号,不确定此列表的用途,所以这是一种方法。

就我个人而言,我可能会使用溢出:隐藏,因为它涵盖了所有可能发生的情况,并确保它始终保持布局一致。

我想最后一个选择是严格控制可以添加到列表中的内容,并从一开始就防止问题发生。正如他们所说,预防胜于治疗,尽管可能无济于事。