我们在网页制作的时候,一般列表页都会一定的长度,而在后台调用的时候,调出的标题都是整个标题长度,如果不加以截取,可能会换行或者错位,这样对于用户体验不好,我们需要控制下标题长度。
常用的思路是,直接控制调出标题的字数,这样就不会错位,但是对于手机端来说,不同的屏幕尺寸,宽度也不一样,如果截取了字符,就会有大片空白,这样不好,余斗今天教大家用css来控制标题长度,多余的部分我们则隐藏,具体方法如下:
HTML代码为:
<div class="abc">我是标题,我很长,很长,真的很长,已经长的令人无法接受了!!!</div>
CSS代码为:
<style type="text/css">
.abc {
background-color: #CCC;
width: 200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
</style>
套路很深,不支持下载!