页面超出字符...显示

在页面中，如果标题过长，会使原本的布局非常尴尬，这时，我们需要将超出宽度的字符隐藏起来。

1.在逻辑中判断：也就是在服务器端，这样，当布局改变时，需要修改服务器的逻辑代码

2.在css中修改：配置页面的css属性，进行超出字符的隐藏。

<style type="text/css">
.title{
   width:80px;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}
</style>

 

white-spce:nowrap:表示将所有的文字在一行中显示完，不要换行。

text-overflow:ellipsis:表示当进行超字符隐藏的时候，显示“...”

ellipsis