Table里td中的文本过长,设置不换行,随内容同行显示(转载)
2017-09-04 22:18
459 查看
当td中内容过长时,内容会溢出,换行显示,美观超级差,在td里设置这个属性 "white-space:nowrap 就可以解决排版问题啦
<td style="white-space:nowrap">非法闯入闯出亮灯处理:</td>
不美观的样式:
![](http://img.blog.csdn.net/20170117151736383?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvVGhpbmtpbmdjYW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
美观的样式:
![](http://img.blog.csdn.net/20170117151837544?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvVGhpbmtpbmdjYW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
另外,nowrap属性可以用在很多标签里面哦,美化排版效果。
<td style="white-space:nowrap">非法闯入闯出亮灯处理:</td>
不美观的样式:
美观的样式:
另外,nowrap属性可以用在很多标签里面哦,美化排版效果。
相关文章推荐
- Table里td中的文本过长,设置不换行,随内容同行显示
- css应用表格排版td中的文本过长,设置不换行,随内容同行显示样式
- div\table\tr\th\td显示内容不换行设置
- CSS设置table 中td的内容自动换行
- table里面怎么设置td的样式和Excel里面的表格一样&&当光标浮动td上到元素上时如何显示全部文本。
- HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- table中td内容换行上下间距怎么设置及换行
- css中设置table中的td内容自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?
- HTML怎么让table中的td内容过长显示为固定长度,多余部分用省略号代替
- table:设置边距,td内容过长用省略号代替
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- 使table中td的内容不换行显示,多余时出现省略号
- css中设置table中的td内容自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- css中设置table中的td内容自动换行
- 关于table固定宽高以及td内容过长换行的解决办法