php超出隐藏,CSS_CSS 超出隐藏实现限制字数的功能代码(多浏览器)，CSS限制字数 复制代码代码如下 - phpStudy...

css把超出的部分显示为省略号的方法兼容火狐_phpStudy_www.phpstudy.net

* { margin: 0; padding: 0; }

a { text-decoration: none; color: #000; }

a:hover { text-decoration: none; color: #000; }

ul {

width: 300px;

margin: 40px auto;

padding: 12px 4px 12px 24px;

border: 1px solid #D4D4D4;

background: #F1F1F1;

}

li { margin: 12px 0; }

li a {

display: block;

width: 80px;

overflow: hidden;/*注意不要写在最后了*/

white-space: nowrap;

-o-text-overflow: ellipsis;

text-overflow: ellipsis;

}

/* firefox only */

li:not(p) {

clear: both;

}

li:not(p) a {

max-width: 170px;

float: left;

}

li:not(p):after {

content: "...";

float: left;

width: 25px;

padding-left: 5px;

color: #000;

}

• suntear的技术空间
• suntear的技术空间
• suntear的技术空间
• suntear的技术空间
• suntear的技术空间
• suntear的技术空间
• suntear的技术空间

提示：您可以先修改部分代码再运行