是否有任何使用纯HTML和CSS截断文本的好方法,以便动态内容可以适应固定宽度和高度的布局？
我已经截断由服务器端的逻辑宽度(即一个盲目猜测的字符数),但由于一个"W"是比更宽的"i"这倾向于是次优的,并且还需要我重新猜测(并保持调整)每个固定宽度的字符数.理想情况下,截断将在浏览器中发生,浏览器知道渲染文本的物理宽度.
我发现IE有一个text-overflow: ellipsis属性正是我想要的,但我需要这个是跨浏览器.这个属性似乎(有些？)标准但Firefox不支持.我发现各种 解决方法基础上overflow: hidden,但他们要么不显示省略号(我希望用户知道的内容被截断),或显示这一切的时候(即使内容没有截断).
有没有人有一个很好的方法来适应固定布局中的动态文本,或者是服务器端截断的逻辑宽度和我现在要获得的一样好？
假设我有一个字符串" 我喜欢大屁股而且我不能说谎 "而且我用它来剪切它overflow:hidden,所以它显示如下:
我喜欢大屁股,我喜欢
切断文字.是否可以像这样显示:
我喜欢大烟头,我喜欢......
用CSS？
如何将长文本放入固定宽度的列中,我只有一行文本空间？文本需要剪切到固定的宽度(比如100px),我想在最后添加点"...".像这样的东西例如:
给定字符串:
Some really long string that I need to fit in there!
固定宽度列中的所需输出应为:
Some really long string...
如果文本在DIV和SPAN中溢出,我需要显示省略号(...).
我有一个名为的CSS属性text-overflow:ellipses.但这只适用于IE.
我想在其他浏览器中显示相同的内容,如Firefox/Chrome等.
我想表明...什么时候overflow发生,
但遗憾的是,在CSS中,只有overflow:hidden哪个附近但不完全是我想要的.
有可能实现它吗？