文字自适应容器长度的样式

容器的样式：

 

        display:block;/*内联对象需加*/
	width:100%;/*必须为容器指定宽度，绝对宽度，百分比宽度这两种方式都可以。*/
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

 

当容器为单元格（td）时，需要为单元格所在的表格增加样式：

 

table-layout:fixed;

 

顺便在此记录一个表格的样式，该样式能够让无内容的单元格仍然显示出边框：

 

border-collapse:collapse;

 

 

搞定收工~