Angbike个人博客 > Html+Css > CSS文本不换行 显示省略号代替

CSS文本不换行 显示省略号代替

网页代码:

<p>
white-space 属性设置如何处理元素内的空白。
</p>

CSS代码:

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

注释:
white-space:nowrap; 文本不会换行,文本会在在同一行上继续,直到遇到换行标签为止。
text-overflow:ellipsis; 显示省略符号来代表被修剪的文本。
overflow:hidden; 内容会被修剪,并且其余内容是不可见的。

博客评论已关闭