您的位置：首页 > 其它

文字超长省略显示

2011-11-16 16:27 134 查看
如果文字超长需要显示…，可以使用CSS的：

overflow:hidden; white-space:nowrap;text-overflow:ellipsis;

如下图所示：



HTML

<body>

<div class="title">北京欢迎你北京欢迎你北京欢迎你</div>

<div>北京欢迎你北京欢迎你北京欢迎你</div>

</body>

CSS

<style type="text/css">

.title

{

width:200px; border:1px solid red;

overflow:hidden; white-space:nowrap;text-overflow:ellipsis;

}

</style>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航