您现在的位置： 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文
html表格中换行的方法是什么呢
作者：佚名 责任编辑：admin 更新时间：2022-06-22
欢迎大家在这里学习html表格中换行!这里是我们给大家整理出来的精彩内容。我相信，这些问题也肯定是很多朋友在关心的，所以我就给大家谈谈这个!可以通过css控制表格或者单元格实现：如果是对这个表格的控制可以将css加在表格上，如果是对某个单元格的控制，将对应css加在单元格上即可。
1.强制换行css：
<style type="text/css">
.breakLine
{
word-break: break-all;
}
</style>
使用示例：
<table width="80">
<tr>
<td width="30%" class="breakLine">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
2.强制不换行CSS：
<style type="text/css">
.keepLine
{
word-break: keep-all;
}
</style>
</head>
使用示例：
<body>
<table width="80">
<tr>
<td width="30%" class="keepLine">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
该处也可以使用单元格的nowrap属性。
上述两个css，经测试，只在ie下有效，firefox下不行。
好了，html表格中换行内容就给大家介绍到这里了。希望大家继续关注我们的网站!
相关推荐：
html表格斜线介绍
- 上一个程序编程： html表格中加图片的方法是什么呢
- 下一个程序编程： html表格斜线介绍
