您的位置：首页 > Web前端 > CSS

css控制td内文字数量，以省略号显示

2017-06-12 16:47 309 查看

<html>

<head>

</head>

<body>
<style type="text/css">
.mytable{
table-layout:fixed;
border:1px solid #FF0000;
margin:0px;
background-color:#BDE1F2;
}
.mytable tr td{
text-overflow:ellipsis; /* for IE */
-moz-text-overflow: ellipsis; /* for Firefox,mozilla */
overflow:hidden;
white-space: nowrap;
border:1px solid #FFFF33;
text-align:left
}
</style>
<table width="500px" class="mytable">
<thead>
<tr>
<th width="20%">标题</th>
<th width="80%">内容</th>
</tr>
</thead>
<tbody>
<tr>
<td width="20%">我爱你中华，你是我的母亲</td>
<td width="80%">中国日报6月11日电（记者徐伟）哈佛大学经济学家丹尼·罗德里克曾提出“过早去工业化”的概念：
很多新兴经济体因为制造业过早萎缩而最终陷入了“中等收入陷阱”。日前，联合国两位高级官员撰文道，
中国实施的一项战略，正推动这个世界第二大经济体走上一条截然不同的发展道路。
</td>
</tr>
</tbody>
</table>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航