HTML中table里字符不换行

在做后台管理页面的时候,有时会出现要展示的列过多,使得表格中的单元格拉得过长


在前端同事的帮助下,找到了以下解决办法

  • 使用css中的 word-break属性
    word-break

    其中 word-breakkeep-all属性意思是不换行,看到虽然还是会有一些换行,但是单元格好看多了。不过新的问题出现了:

    有些单元格的换行会莫名其妙,这是因为,keep-all只是不允许 Chinese, Japanese, 和 Korean 回行。这个功能类似与“normal” 的非亚洲语言版本。
    再加入一个css属性white-space

    所有的单元格全都强行变成了一行。

ps:后来又发现td的一个属性:nowrap


设置为true时也可以实现不换行

你可能感兴趣的:(HTML中table里字符不换行)