HTML里面如何实现表格的自动换行

发布网友发布时间：2022-04-27 02:34

我来回答

共7个回答

热心网友时间：2022-04-19 06:35

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<body>标签中，将外层的table改为div，新增css代码：div {width: 300px;} table {float: left;}。

3、浏览器运行index.html页面，此时表格们实现了每3个自动换行。

热心网友时间：2022-04-19 07:53

HTML里面加了一个样式属性：word-break: break-all，可以实现表格的自动换行，具体参考代码如下：
　　<html xmlns="http://www.w3.org/1999/xhtml">
　　<head>
　　<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
　　<title>table内的td内容不换行</title>
　　<style type="text/css">
　　
　　</style>
　　</head>
　　
　　<body>
　　<table width="400">
　　<tr>
　　<td width="90" height="30">处理人工号：</td>
　　<td width="410" class="breakLine">001156,001157,001145,001149,001178,001123,001140,001167,001168,001134,001135</td>
　　</tr>
　　</table>
　　</body>
　　</html>
word-break属性简单介绍如下：
语法：word-break : normal | break-all | keep-all
取值：
normal :　默认值。允许在词间换行
break-all :　该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :　与所有非亚洲语言的 normal 相同。

热心网友时间：2022-04-19 09:27

你的目的和你的做法不同，表格中的单元格不存在所谓的类似文本换行。

表格是一个比较硬套的东西，格式也要求严格。
你在内嵌表格时，也应用了 <tr></tr>.，这个是为了让浏览器明白几时生成表格的一行内容，还有一行中有多少单元格。若你不加，浏览器只能按一行来解释。

所以，你若要实现，只能添加<tr>追问那么，若是动态添加表格，要让每次添加的表格都横向排列，每隔三行就换行，如何实现呢？
我就是再动态添加表格的时候，把添加的表格看作是另一个大表格的每一列。这样就像上面那样，只能在一行显示

追答不知你的情况是否允许使用 div, 如果可以的话，我建议使用 div + css，实现起来容易得很，也易于操作管理。
对于你说的情况，实现起来挺麻烦的。添加时要不断地判断，具体的要看你是如何动态来添加的

热心网友时间：2022-04-19 11:19

使用＜tr＞包围td

热心网友时间：2022-04-19 13:27

指定固定宽度，超出宽度会自动换行哒。

热心网友时间：2022-04-19 15:51