4

我最近启动了我的网站的响应版本,但是我发现包含许多单行文本的百分比宽度划分看起来非常糟糕,因为在桌面和移动视图中将所有内容都放在一行上会导致每一行文本太长或太短。

我的标记是一个无序列表的链接(带有长锚文本) - 有没有人有任何建议根据包含分区的宽度截断锚文本?

4

1 回答 1

1

我可以提出两个选择:

一种是使用这里描述的javascript自己做:

用 JavaScript 计算文本宽度

在浏览器实际呈现文本之前,我认为没有任何方法可以确定文本的宽度。

确保您不显示:无,否则浏览器不会实际呈现它并且您无法确定宽度。

二是让CSS为你做;它更容易,但你几乎失去了所有的灵活性:

如果你愿意让 CSS 猜测如何将你的文本截成省略号,你可以试试 text-overflow: ellipsis

http://www.quirksmode.org/css/textoverflow.html

于 2011-12-04T10:15:20.490 回答