用CSS把标题超出的局部变成...
日期：2013-05-19 浏览次数：21028 次
核心提示：用CSS把标题超出的部分变成...
<html>
<body>
<style>
.ellipsis span {
white-space:nowrap;
text-overflow:ellipsis; /* for internet explorer */
overflow:hidden;
width:190px;
display:block;
}
html>body .ellipsis {
clear:both;
}
html>body .ellipsis span:after {
content: "...";
}
html>body .ellipsis span {
max-width:180px;
width:auto !important;
float:left;
}
</style>
<div class="ellipsis">
<span>多特软件站_中国最快最安全的软件下载站_六大杀毒软件检测</span>
</div>
</body>
</html>
这个虽然是个好方法，可以不用程序控制了，而且也方便修正，但缺陷是firefox浏览器不支持。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
