table-layout 显示规则以及其他一些零碎的东西

最新推荐文章于 2025-04-29 09:22:12 发布

aechi62008

最新推荐文章于 2025-04-29 09:22:12 发布

阅读量108

点赞数

原文链接：http://www.cnblogs.com/daowangzhizhu-pt/p/5650615.html

版权

本文深入探讨了CSS中auto与fixed属性在表格布局上的差异，详细解释了它们如何影响表格单元格的宽度和高度，特别是在处理中文和英文内容时的不同表现。此外，还介绍了border、vertical-align、border-collapse和caption-side等属性的使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先对中文显示的不够好

对中文失效

auto是表格的宽和高都会随着内容增多而改变而fixed只会增加表格的高度宽度不会发生改变

table中的td的宽，高会根据内容的多少而变化；
fixed：如果内容是中文的话td的宽度固定，高度根据内容的多少而变化，没有限制。如果是英文的话，宽高不变，内容宽度如果超出就会溢出。

一，border:外边框；
二，vertical-align：
1 top/middle/bottom;
2，默认：middle；，
三，border-collapse：
1，可以用来去除table的boder；
2,border-spacing:可以设置单元格之间的间隔，第一个值是水平相临的两个单元格间距，第二个值是垂直相临两个单元格的间距。
四：caption-side
可取值
top：表格标题定位在表格之上，为默认值
bottom：表格标题定位在表格之下;

转载于:https://www.cnblogs.com/daowangzhizhu-pt/p/5650615.html