美文网首页我爱编程
css 文本溢出 多行显示

css 文本溢出 多行显示

作者: 思念LY | 来源:发表于2018-06-11 11:13 被阅读10次

通过使用 br 来实现最后一行 ...

    <html>
       <head>
    <style type="text/css">
    div 
    {
    background-color:#00FFFF;
    width:150px;
    height:150px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    }
    </style>
    </head>

    <body>
    <p>如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为。</p>

    <div>
    这个属性<br>定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。
    </div>
    </body>

    </html>

相关文章

网友评论

    本文标题:css 文本溢出 多行显示

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