css表格宽度用什么设置?

一般是用table{width="xx"}来表示整个表格的宽度,单位是像素。用td{width="xx"}表示单个表格内的宽度,单位是像素。

css使用width属性设置表格宽度,这个属性定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。

属性值:

  • auto 默认值。浏览器可计算出实际的宽度。

  • length 使用 px、cm 等单位定义宽度。

  • ��义基于包含块(父元素)宽度的百分比宽度。

  • inherit 规定应该从父元素继承 width 属性的值。

table中的width和height设置及其作用:table中设置的height其实是设置个最小值,也就是当表格中的内容或者行高总值超过这个设置值时,会自动延长表格的height值。

当表格中的内容或者行高没有达到这个值时,会自动扩大到这个值。table中设置的width值一般为表格宽度的最大值,不能改变,即使内部的内容宽度超过也不能改变。

示例:

HTML代码

<table > 
<td >1</td> 
<td>1</td> 
<td>1</td> 
<td>1</td> 
<table>

css代码

table{width:400px;
 border:2px solid red; }
td{ border:1px solid red;
width:100px;overflow:hidden}

效果图:

以上就是css表格宽度用什么设置?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读