头闻号

东莞市厚街公牛化工经营部

综合性公司|群青|其他无机颜料|其他有机颜料|其他合成材料助剂|精细化学品加工

首页 > 新闻中心 > 科技常识:CSS对表格单元格强制换行和不换行
科技常识:CSS对表格单元格强制换行和不换行
发布时间:2024-09-22 13:29:59        浏览次数:2        返回列表

今天小编跟大家讲解下有关CSS对表格单元格强制换行和不换行 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS对表格单元格强制换行和不换行 的相关资料,希望小伙伴们看了有所帮助。

CSS控制Table单元格强制换行与强制不换行  我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。  近日有此需要 但发现加上nowrap在某些情况下还是会换行!无奈 没有一个强制不换行的方法吗   用CSS实现Table单元格数据自动换行或不换行的实现方法:  1、强制换行:<style type="text/css">.Autonewline{ word-break: break-all;}</style><table><tr> <td class="Autonewline">自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td></tr></table>  2、强制不换行:<style type="text/css">.Nonewline{word-break: keep-all;}</style><table><tr> <td class="Nonewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td></tr></table>

来源:爱蒂网