通过css样式控制单元格文本超长省略

伤害是别人带来的,开心是自己寻找的,想哭就哭,哭完了接着笑,没有人能把谁的幸福没收。
代码如下:
复制代码
代码如下:

<table>
<tr>
<td>
<div style="width: 100px; height: 18px; border: 0px;overflow:hidden; padding:3px 2px 0px 2px; text-overflow:ellipsis">
<nobr title="这里放置要显示的文本">
这里放置要显示的文本
</nobr>
</div>
</td>
</tr>
</table>

效果如下:

以上就是通过css样式控制单元格文本超长省略。世界读书日,无论是电子书还是纸质书,无论是励志书还是专业书,无论是文言文还是白话文,无论是书声琅琅还是默默诵读,只要我们有一颗读书的心,有一颗思考的脑,有一双明慧的眼,就能共同在书海里快乐地翱翔!更多关于通过css样式控制单元格文本超长省略请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
CSS Grid布局好代码教程之网格单元格布局

css表格单元格中的长文本如何如何实现自动换行

表格设置table-layout:fixed后对单元格宽度设置无效

css table-layout属性显示表格单元格、行、列的算法规则

CSS对表格单元格强制换行和不换行