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

2024-11-01 23:18:33
推荐回答(5个)
回答(1):

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

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

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

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

回答(2):

  HTML里面加了一个样式属性:word-break: break-all,可以实现表格的自动换行,具体参考代码如下:
  
  
  
  table内的td内容不换行
  
  
  
  
  


  
  
  
  
  
处理人工号:001156,001157,001145,001149,001178,001123,001140,001167,001168,001134,001135

  
  
word-break属性简单介绍如下:
语法:word-break : normal | break-all | keep-all
取值:
normal :  默认值。允许在词间换行
break-all :  该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的 normal 相同。

回答(3):

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

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

所以,你若要实现,只能添加

回答(4):

使用<tr>包围td

回答(5):

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