text-overflow: ellipsis// text-overflow css3的属性,当文本溢出时,显示省略号
display: -webkit-box
-webkit-line-clamp: 2// 设置两行文字溢出
-webkit-box-orient: vertical
overflow:hidden
text-overflow:ellipsis
1、默认情况,它是自动换行的;
2、设置文字不换行white-space:nowrap,强行撑开;
3、如果不希望容器被撑开,那就给文字加省略号:
<style type="text/css">.divbox{ width:150px white-space:nowrap overflow:hidden text-overflow:ellipsis}
</style>
</head>
<body>
<div class="divbox">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
</body>