<div class='title'>解決標題顯示太長省略多余部分并加省略號的樣式</div>
.title {
display: block; /* 當前元素本身是inline的,因此需要設置成block模式 */
white-space: nowrap; /* 因為設置了block,所以需要設置nowrap來確保不換行 */
overflow: hidden; /* 超出隱藏結合width使用截取采用效果*/
text-overflow: ellipsis; /* 本功能的主要功臣,超出部分的剪裁方式 */
-o-text-overflow: ellipsis; /* 特定瀏覽器前綴 */
text-decoration: none; /* 無用 */
}
發(fā)表評論