jquery 在div内调整文本大小

yquaqz18  于 2023-08-04  发布在  jQuery
关注(0)|答案(2)|浏览(108)

我怎么能适应大量的文本一个固定大小的div.?我想当达到这个div的文本最大宽度,然后用点打破文本...
我试过了,我看不出结果是我想要的

.description {
  max-width:590px;
  max-height:100px;
  float:left;
}

字符串


的数据



我想要这样的形象

gg0vcinb

gg0vcinb1#

给予它一个固定的宽度,并使用text-overflow CSS属性width一个值ellipsis
Demo

text-overflow: ellipsis;

字符串
注意:这只对单行有效
如果你想让它在多行上工作,那么你需要使用jQuery
DemoSource

mqkwyuun

mqkwyuun2#

使用text-overflow属性

text-overflow:ellipsis;

字符串
你应该留着

overflow:hidden;
white-space:nowrap;


这里是使用溢出内容的参考。
https://developer.mozilla.org/en-US/docs/CSS/text-overflow
DEMO
这是一个处理多行文本的jquery插件。一个似乎工作是:http://pvdspek.github.com/jquery.autoellipsis/
示例:http://jsfiddle.net/VpmbL/

相关问题