我最近推出了我的网站的响应版本,但是我发现包含许多单行文本的百分比宽度分区看起来非常糟糕,因为在桌面和移动视图中将所有内容都放在一行上会导致每一行文字都太长或太短。
我的标记是一个无序的链接列表(带有长锚文本) - 是否有人建议根据包含分区的宽度截断锚文本?
答案 0 :(得分:1)
我可以提出两个选择:
一个是使用这里描述的javascript自己动手:
Calculate text width with JavaScript
在浏览器实际呈现文本之前,我认为没有办法确定文本的宽度。
确保您不显示:无,或浏览器实际上不会渲染它,您无法确定宽度。
第二是让CSS为你做;它更容易,但你几乎失去了所有的灵活性:
如果你愿意让CSS猜测如何将文本剪切成省略号,你可以尝试文本溢出:省略号