css 一行顯示超出部分顯示省略號

ITzhongzi發表於2017-06-03
CSS


<style>
    p{
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
</style>

<body>
<div class="box">
    <p>hello world！hello world！hello world！hello world！hello world！</p>
</div>
</body>

相關文章