如何限制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也可以实现字符的截取
这里的话自己可以网上找找,没时间没去弄这个,有时间把这个弄上
发表评论 取消回复