css td文字不换行如何实现(2)-木庄网络博客

2022-03-22 14:40:24 PHP中文网 JavaScript 百度已收录

css代码：

table {
    border : 1px solid red;
}
  
td {
    white-space:nowrap;
    text-overflow:ellipsis;
    width:50px;
    overflow:hidden;    
    display: block;
}

html代码：

<table>
    <tr><td>此处文本超过设定的宽度</td></tr>
</table>

相关阅读 >>

display:block属性的作用是什么

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css td文字不换行如何实现

css td文字不换行如何实现

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论