CSS text exceeds auto-display ellipsis

Valid only for single-line text;

01. For block Elements

UL li{width:180px;text-overflow:ellipsis;white-space:nowrap;/* prohibits automatic line-wrapping */overflow:hidden;}

• CSS text exceeds auto display ellipsis display ellipsis
• CSS text exceeds auto-display ellipsis
• CSS text exceeds auto display ellipsis display ellipsis

02. For Table

table{table-layout:fixed;} Table td{word-break:keep-all;/* does not wrap */white-space:nowrap;/* the content is not wrapped */overflow:hidden;/* content is out of width when the contents are hidden */text-overflow : ellipsis;/* displays ellipsis (...) when text inside an object overflows; use with Overflow:hidden; */}

Time	location	Events
2013/12/19	and News Information Technology Co., Ltd. Shanghai Branch	CSS text exceeds auto-display ellipsis

CSS text exceeds auto-display ellipsis