美文网首页我爱编程
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