CSS超出部分用省略号代替,兼容主流浏览器

CSS超出部分用省略号代替,兼容主流浏览器

<style>
.my-div { width:100px; overflow:hidden; text-overflow:ellipsis; }
</style>
<div class="my-div">
    <nobr>
       文字优美 文字优美 文字优美 文字优美 文字优美 文字优美 文字优美 文字优美
    </nobr>
</div>
<div class="my-div">
    <nobr>
       文字优美 文字优美 文字优美 文字优美 文字优美 文字优美 文字优美 文字优美
    </nobr>
</div>

标签: none

添加新评论