10
2017
02

div里面的字体超出div宽度怎么办?

如何限制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也可以实现字符的截取

这里的话自己可以网上找找,没时间没去弄这个,有时间把这个弄上

« 上一篇: 黑帽里面的cc攻击怎么防范 下一篇 »discuz论坛上线后登陆后台又返回登陆界面
关闭广告
关闭广告

分享:

支付宝

微信