解决CSS中单行文本长度限制的挑战与方法

对于css限制文字字数...显示的问题&＃xff1a;

{color:#000;/*超文字超链接的颜色*/
display:block;/*定义为块级&＃xff1b;这个属相很重要&＃xff0c;没有这个属性&＃xff0c;很难实现单行宽度的效果*/
width:150px;/*要显示文字的宽度*/
float:left;/*左对齐*/
overflow:hidden; /*超出的部分隐藏起来。*/
white-space:nowrap;/*不显示的地方用省略号...代替*/
padding-right:7px; /*文字距离右侧7像素。*/
text-overflow:ellipsis;/* 支持 IE */
-o-text-overflow: ellipsis; /* 支持 Opera */}

style&＃61;"word-break:keep-all;" nowrap 用这个是可以的 但是 他会把最后的文字切掉

如果要求严格的话 我们可以尝试一下代码&＃xff1a;<% if len(trim(rs("neirong")))>27 then response.write left(trim(rs("neirong")),27)&".." else response.write trim(rs("neirong")) end if %>想显示27个字节就这样写,少点的话就把27 我们修改一下就OK