<table/>默认适应内容宽度造成滚动条不显示的解决方法
发布日期:2021-07-01 01:57:27 浏览次数:2 分类:技术文章

本文共 776 字,大约阅读时间需要 2 分钟。

一、现象重现

     
瞎子打灯笼      一个盲人到亲戚家做客,天黑后,他的亲戚好心为他点了个灯笼,说:“天晚了,路黑,你打个灯笼回家吧!”      盲人火冒三丈地说:“你明明知道我是瞎子,还给我打个灯笼照路,不是嘲笑我吗?”      他的亲戚说:“你犯了局限思考的错误了。你在路上走,许多人也在路上走,你打着灯笼,别人可以看到你,就不会把你撞到了。”      盲人一想,对呀! 故事的第一节告诫我们,局限思考是从自己的角度思考, 整体思考是你把自己放到整个环境中去考虑。系统地思考问题,就会发现,你的行为会对别人产生互动。
瞎子打灯笼      一个盲人到亲戚家做客,天黑后,他的亲戚好心为他点了个灯笼,说:“天晚了,路黑,你打个灯笼回家吧!”      盲人火冒三丈地说:“你明明知道我是瞎子,还给我打个灯笼照路,不是嘲笑我吗?”      他的亲戚说:“你犯了局限思考的错误了。你在路上走,许多人也在路上走,你打着灯笼,别人可以看到你,就不会把你撞到了。”      盲人一想,对呀! 故事的第一节告诫我们,局限思考是从自己的角度思考, 整体思考是你把自己放到整个环境中去考虑。系统地思考问题,就会发现,你的行为会对别人产生互动。

表格会超出窗体的宽度产生了容器的滚动条,而td中的两个文本没有产生滚动条。

没有达到以下的效果:

 

二、分析原因

原来是<table>默认的css样式是table-style:auto;

在自动表格布局中,列的宽度是由列单元格中没有折行的最宽的内容设定的。

将<table>的css改为table-style:fixed;,td中的两个文本产生滚动条了。

 

转载地址:https://maokun.blog.csdn.net/article/details/84891280 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:JSP的<c:foreach/>标签只输出一次标签体内容的坑
下一篇:html数据复制到剪切板

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月20日 01时21分05秒