HTMLCSS“响应截断”

概述我最近推出了我的网站的响应版本,但是我发现包含许多单行文本的百分比宽度分区看起来非常糟糕,因为在桌面和移动视图中将所有内容都放在一行上会导致每一行文字太长或太短. 我的标记是一个无序的链接列表(带有长锚文本) – 有没有人有任何建议根据包含分区的宽度截断锚文本？ 我可以提出两个选择： 一种是使用这里描述的javascript自己做： Calculate text width with JavaSc 我最近推出了我的网站的响应版本,但是我发现包含许多单行文本的百分比宽度分区看起来非常糟糕,因为在桌面和移动视图中将所有内容都放在一行上会导致每一行文字太长或太短.

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

解决方法 我可以提出两个选择：

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

Calculate text width with JavaScript

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

确保您不显示：none,或浏览器实际上不会渲染它,您无法确定宽度.

第二是让CSS为你做;它更容易,但你失去了很多灵活性：

如果你愿意让CSS猜测如何将文本剪切成省略号,你可以尝试文本溢出：省略号

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

总结

以上是内存溢出为你收集整理的HTML / CSS“响应截断”全部内容，希望文章能够帮你解决HTML / CSS“响应截断”所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。