html中table的宽度如何设置使得不显示水平滚动条而table中的文字自动换行

Posted 2023-05-16

我的设置是这样的
<table width=\"100%\" cellpadding=\"3\" cellspacing=\"1\" border=\"1\">
<td width=\"10%\" valign=\"top\">
有什么需要修改的？
关键是不能自动换行，<th>没有设置什么

不是有个<tr></tr> 这个标签嘛
这个不就是表示每一行的意思嘛。
<table>

<tr>
<td>这表示一行，第一列的内容</td>
</tr>

<tr>
<td>这表示第二行，第一列的内容</td>
</tr>

</table>追问

这个我知道，就是不知道如何设置宽度，使得适应浏览器宽度，不出现水平滚动条，表格中的文本自动换行

追答

哦，那就是你的表格的那个内容可能太长了，所有导致出现水平滚动条了吧，你在写什么程序啊！咱们可以通过他的长度来进行设置，你的内容肯定是个超连接吧，比如说当长度大于20的时候，就在后面加上"...",当点击的时候，跳到一个详细内容页，专门显示内容的，这样不就行了吗...你说呢

追问

嗯，是个帖子列表，是《textarea》的输出，无法自动根据页面大小换行，请问有什么办法能解决吗？

追答

给他个Div，在设置这个Div层的宽度，再试试试试

参考技术A 所有设置宽度的地方都可以去掉 ,让它自适应!!!追问

嗯，是个帖子列表，是《textarea》的输出，无法自动根据页面大小换行，就像你说的可以自动换行

html表格table的宽度超出页面宽度时如何不改变table宽度（只显示出滚动条）？

问题如题。条件是不能将table的宽度设置为固定值，因为table包含的列数可能每次查询都不同，可能只有一二列，也可能有几十列，要求每一列宽度能够显示其表格的内容（即列的宽度按内容长度显示），如果table宽度没有超出页面宽度就不显示滚动条，也不拉伸表列宽度；如果table宽度超出页面宽度，就显示滚动条，而不压缩表列宽度。

在table外面,加一个div,设置高度和宽度,然后设置一下overflow:auto 就可以了 。

html表格由 <table> 标签来定义。

每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。

字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

参考技术A 将table使用一个div包裹起来，将div的width设置为100%；overflow:auto;table的width设置为auto本回答被提问者和网友采纳 参考技术B

我提供两种解决办法,

table外面套div,然后table设置min-width;

th,td里加span,给span设置宽度

参考技术C 给table设置一个white-space：nowrap；可以保证table中的td内容不换行，宽度由内容撑开；显示滚动条的话就给table的外边包个父盒子，给父盒子设置宽或者高（看你需求），overflow：scroll；