21
5
内容纲要
相信很多人都遇到这样的问题：如何利用css样式来控制，网站查了资料，发现都是给出下面这样的解释：
.txt {width:120px; overflow:hidden; text-overflow:ellipsis;}
“overflow:hidden;”是隐藏显示不下的部分；
“text-overflow:ellipsis;”是尾部跟随省略号。
这里一定要记住，必须设置宽度和行高，否则无法实现这样的效果。
上面这样的做法没有考虑浏览器直接的兼容，应该做成这样：
*html ul.aboutnews li { width:46%;height:22px;float:left;line-height:180%;word-break:break-all;overflow:hidden;}
*+html ul.aboutnews li { width:46%;height:22px;float:left; line-height:180%;word-break:break-all;overflow:hidden;}