美文网首页
CSS关于文本隐藏

CSS关于文本隐藏

作者: 九瀺 | 来源:发表于2019-12-18 18:28 被阅读0次

display: block;  

overflow: hidden;

text-overflow: ellipsis;//显示...

white-space: nowrap; //不换行

width:100px;//超过100px就截取


1.    当元素为块级元素不用 display: block

2.    overflow:visible;

        注释:默认值。内容不会被修剪,会呈现在元素框之外。

        overflow:hidden;

        注释:内容会被修剪,并且其余内容是不可见的。

        overflow:scroll;

        注释:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

        overflow:auto;

        注释:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

        overflow:inherit;

        注释:规定应该从父元素继承 overflow 属性的值。

相关文章

网友评论

      本文标题:CSS关于文本隐藏

      本文链接:https://www.haomeiwen.com/subject/yugunctx.html