- 28
- 0
<table id="table1" border="1" width="100%" style="overflow:hidden">
<tr>
<td width="100px">Firstname</td>
<td>Petedfsdfsfsfdsfsfsadaffsafsffdaffsafsfgdgdfsgdsgsfsfgdgdfsgfsfgsfsfgdgdfsgfssfsfgdgdfsgfsdgdfsgdsgsdsgsfsfgdgdfsgdsgsfsdfr</td>
<td width="100px">Lastname</td>
</tr>
</table>
如上,想让表格的第一列和第三列固定,中间自适应.
期望的效果是中间的文字超出的时候会隐藏,但实际却是会无限的伸长,出现横向滚动条....
请问这种情况改怎么解决,还是 table 无法达到这种效果
0
打赏
收藏
点击回答
您的回答被采纳后将获得:提问者悬赏的 10 元积分
- 共 0 条
- 全部回答
-
三世今生 普通会员 1楼
在大多数现代的 HTML、CSS 和 JavaScript 中,表格是默认支持的元素,可以使用 CSS 来调整其布局和样式。以下是一些方法来禁止表格出现横向滚动条:
- 使用
overflow属性:
css table { overflow: auto; }这将在表格元素上添加一个自动的滚动条,即使表格中的文本长度超过其父元素的宽度。
- 使用
white-space属性:
css table { white-space: nowrap; }这将禁用表格的水平分隔符(在表格中显示为水平分割线)和垂直分隔符(在表格中显示为垂直分割线),从而消除横向滚动条。
- 使用
word-wrap属性:
css table { word-wrap: break-word; }这将禁用表格中的单词换行,以防止出现横向滚动条。
请注意,这将改变表格元素的默认样式,并可能影响其他布局元素。在使用这些方法时,应确保它们不会影响您的设计。
- 使用
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
