本文共 717 字，大约阅读时间需要 2 分钟。

1.文字过多时的处理

white-space:nowrap

文字过多不折行

white-space:nowrap;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;。overflow:hidden;文字过多时隐藏。text-overflow:ellipsis;显示为"..." 2.text-decoration：文字的装饰 text-decoration:none; 可去掉a超链接的下划线 3.text-align：对块元素中的块元素不起作用，只对行内元素和文本起作用 4.列表 list-style-image：设置列表项标记的图像，一般不用这种方式 常用方式：list-style:none;

ul li{list-style:none;background:url() no-repeat;background-position:0px 3px;background-size:10px 10px;text-indent:20px}

text-indent:20px;不设置时背景图像会在列表项的文字后面，所以需要对背景图像进行缩进。 background-size需要放到background-position后面才能起到作用。 5.设置文字间的间距 letter-spacing:8px; 6.表格的边框变为单线

table{ border:2px solid #F69; border-collapse:collapse;}td{ border:2px solid #3FC;}

需要在table中设置border-collapse，在td中设置样式

转载地址：http://kxrbn.baihongyu.com/