table的td换行(根据字符串拆分换行)
时间: 2023-11-06 11:04:11 浏览: 39
如果您想在表格的每个单元格中根据字符串拆分换行,可以使用JavaScript中的split()函数将字符串拆分为一个字符串数组,然后将每个元素作为单独的行放入单元格中。以下是一个示例代码:
```html
<table>
<tr>
<td id="cell"></td>
</tr>
</table>
<script>
var str = "This is a long string that needs to be split into multiple lines in a table cell.";
var arr = str.split(" ");
var cell = document.getElementById("cell");
var content = "";
for (var i = 0; i < arr.length; i++) {
content += arr[i] + " ";
if (content.length > 10) { // 每行最多显示10个字符
content = content.slice(0, -1); // 去掉最后一个空格
content += "<br>";
}
}
cell.innerHTML = content;
</script>
```
此代码将字符串拆分为单词,并在单词之间添加空格。它会检查累计的字符串长度,并在达到最大长度时添加一个换行符。在此示例中,最大长度为10个字符,但您可以根据需要进行更改。最后,它将生成的HTML内容设置为表格单元格的innerHTML。