HTML里面如何实现表格的自动换行
就是定义了一个表格的长度，超过这个长度，会自动换到下一行。<tablewidth='300'><td><tablewidth='100'border="1"><tr><t...
就是定义了一个表格的长度，超过这个长度，会自动换到下一行。
<table width='300'>
<td><table width='100' border="1"><tr><td></td></tr><tr><td></td></tr></table></td>
<td><table width='100' border="1"><tr><td></td></tr><tr><td></td></tr></table></td>
<td><table width='100' border="1"><tr><td></td></tr><tr><td></td></tr></table></td>
<!--插入语句 -->
</table>
这样，就会出现三个两行一列的表格并排，总的表长是300，这个三个分别时100，应该是占满了，那么下一次在插入语句中再插入一个100长度的两行一列表格，还是会出现在最右边，而不是另起一行，下面出现。如何可以实现，插入第四个表格的时候会换行呢? 展开
<table width='300'>
<td><table width='100' border="1"><tr><td></td></tr><tr><td></td></tr></table></td>
<td><table width='100' border="1"><tr><td></td></tr><tr><td></td></tr></table></td>
<td><table width='100' border="1"><tr><td></td></tr><tr><td></td></tr></table></td>
<!--插入语句 -->
</table>
这样，就会出现三个两行一列的表格并排，总的表长是300，这个三个分别时100，应该是占满了，那么下一次在插入语句中再插入一个100长度的两行一列表格，还是会出现在最右边，而不是另起一行，下面出现。如何可以实现，插入第四个表格的时候会换行呢? 展开
6个回答
展开全部
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<body>标签中，将外层的table改为div，新增css代码：div {width: 300px;} table {float: left;}。
3、浏览器运行index.html页面，此时表格们实现了每3个自动换行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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">
<!--
body{ font-size:12px;}
.breakLine{word-break: break-all;}
-->
</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 相同。
<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">
<!--
body{ font-size:12px;}
.breakLine{word-break: break-all;}
-->
</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 相同。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的目的和你的做法不同，表格中的单元格不存在所谓的类似文本换行。
表格是一个比较硬套的东西，格式也要求严格。
你在内嵌表格时，也应用了 <tr></tr>.，这个是为了让浏览器明白几时生成表格的一行内容，还有一行中有多少单元格。若你不加，浏览器只能按一行来解释。
所以，你若要实现，只能添加<tr>
表格是一个比较硬套的东西，格式也要求严格。
你在内嵌表格时，也应用了 <tr></tr>.，这个是为了让浏览器明白几时生成表格的一行内容，还有一行中有多少单元格。若你不加，浏览器只能按一行来解释。
所以，你若要实现，只能添加<tr>
追问
那么，若是动态添加表格，要让每次添加的表格都横向排列，每隔三行就换行，如何实现呢？
我就是再动态添加表格的时候，把添加的表格看作是另一个大表格的每一列。这样就像上面那样，只能在一行显示
追答
不知你的情况是否允许使用 div, 如果可以的话，我建议使用 div + css，实现起来容易得很，也易于操作管理。
对于你说的情况，实现起来挺麻烦的。添加时要不断地判断，具体的要看你是如何动态来添加的
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用＜tr＞包围td
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
指定固定宽度，超出宽度会自动换行哒。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
