css表格单元格大小,CSS怎样控制表格单元格的宽高? |
您所在的位置:网站首页 › 怎样设置单元格宽度一致 › css表格单元格大小,CSS怎样控制表格单元格的宽高? |
单元格的宽度和高度,有着和其他标签不同的特性,主要表现在单元格之间的互相影响上。使用CSS中的width和height属性可以控制单元格的宽高。示例代码如下: table{ border:1px solid #30F; /*设置table的边框*/ border-collapse:collapse; /*边框合并*/ } th,td{ border:1px solid #30F; /*为单元格单独设置边框*/ } .one{ width:100px; height:80px;} /*定义"东"单元格的宽度与高度*/ .two{ height:40px;} /*定义"西"单元格的高度*/ .three{ width:200px; } /*定义"南"单元格的宽度*/ 运行示例代码,效果如图1所示。 图1 CSS控制单元格宽高 通过图1看出,“A房间”单元格和“B房间”单元格的高度均为80px,而“A房间”单元格和“C房间”单元格的宽度均为200px。可见对同一行中的单元格定义不同的高度,或对同一列中的单元格定义不同的宽度时,最终的宽度或高度将取其中的较大者。 猜你喜欢: |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |