如何限制div里面的字体个数?怎样让div里面显示自己想要的字体个数,让后面显示省略号等看下面的css代码:
温馨提示:点击“运行代码”可以看下具体效果
一、用div的css样式来控制字体的显示个数
<style> div.wid{ width:200px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } </style> <div class="wid">这是一段比较长的文字处于一个div里面,现在我就用这个样式来控制字体显示</div>
第一种方式是div里面的行内样式,这种做法无法做到两行后,超出部分会用省略号。
二、用struts标签加上省略号
另外一种方法,不在css里面设置,就在文字里面截取字符,然后加上“...”
<s:if test="detail.length() > 20"> <s:property value="detail.substring(0, 20)" />... </s:if> <s:else> <s:property value="detail" />... </s:else>
三、用js也可以实现字符的截取
这里的话自己可以网上找找,没时间没去弄这个,有时间把这个弄上