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>