如下图第二行,比如:为DIV设置一个宽度,当文字过多时,超出的文字就会另起一行。这样非常影响美观。
那怎么解决这个问题呢? 我们可以通过CSS样式来解决。
width: 800px;/*先为块元素设置一个宽度,当然一般都有设置的*/ white-space: nowrap;/*内容超宽后禁止换行显示*/ overflow: hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/*文字超出部分以省略号显示*/
通过给DIV设置上面的CSS样式,就会显示为上图第一行的效果,超出的文字会变成省略号。非常的棒。