我爱编程

css 文本溢出 多行显示

2018-06-11  本文已影响10人  思念LY

通过使用 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>
上一篇下一篇

猜你喜欢

热点阅读