在給元素指定最大寬度後,增加樣式:
//單行省略號
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
//多行省略號
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
如果在table中td內容超過想要寬度後,想要隱藏內容並用省略號代替,需要對table增加樣式:table-layout:fixed;
table
CSS內容超過寬度顯示省略號
實現 overflow hidden 超出的文字隱藏 text overflow ellipsis 溢位用省略號顯示 white space nowrap 溢位不換行沒效果解決方案 放置文字的元素使用塊級元素 例如 p,div,不要使用 span 等行內元素。例 css text html 你好你好...
CSS實現文字顯示部分內容,多餘文字顯示省略號
1.顯示一行文字內容,多餘的內容用省略號顯示 overflow hidden text overflow ellipsis white space nowrap 2.顯示指定行數的文字,多餘的內容顯示省略號 display webkit box webkit box orient vertical ...
CSS控制的內容超過容器寬度後顯示省略號
text overflow ellipsis屬性在ff中是沒有效果的。同時應用 text overflow ellipsis white space nowrap overflow hidden 實現了所想要得到的溢位文字顯示省略號效果 text overflow是乙個比較特殊的屬性,在css手冊中...