css样式控制标字数并且跟随省略号,css控制字数,省略号

相信很多人都遇到这样的问题：如何利用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;}