1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > css中关于单行文本溢出部分用省略号显示

css中关于单行文本溢出部分用省略号显示

时间:2021-08-21 11:40:22

相关推荐

css中关于单行文本溢出部分用省略号显示

关于单行文本溢出使用省略号显示主要分为四个步骤:

1、设置宽度:

width:**px;

2、强制该文本不换行:

white-space:nowrap;

3、溢出隐藏:

overflow:hidden;

4、文本溢出显示为省略号:

text-overflow:ellipsis;

关于white-spacede的一些相关属性:

white-space:wrap(强制不换行)/nomal(正常换行)/pre(使浏览器可以识别空白符);

关于over-flow的一些相关属性:

hidden;(溢出隐藏)

visible;(默认内容不会被修剪,会呈现在元素框之外)

auto;(如果内容被修剪,通过滚动条可以显示内容)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。