[分享]css3截取文字

CSS3具有很多有用的功能，其中之一是截取文字。

 p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  } 

使用上述CSS属性，可以使文本在超出限定宽度后被截断，并在末尾显示省略号。

具体来说：

• overflow: hidden;设置文本超出元素大小时隐藏溢出部分。
• text-overflow: ellipsis;设置文本截断后显示省略号。
• white-space: nowrap;禁止文本换行。

需要注意的是，这些属性只对块级元素有效。

例如：

 <p>这是一段很长的文字，将被截取。</p> 

在CSS样式中添加上述代码：

 p {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  } 

将使文本最多只显示200像素宽，并在超出部分截取显示省略号。

通过以上方法，可以轻松实现CSS3的截取文字功能。