表格

来源:互联网 发布:疯狂java培训 编辑:程序博客网 时间:2024/04/29 15:54
表格:
  margin/padding/width/height/文本格式化属性/背景/边框
  1、-align:top/middle/bottom;
  2、表格特有的样式属性:
  边框合并:如果设置了边框合并属性, 相邻单元格的边框会单独/合并显示出来,单独显示是,类似双边框的效果;其语法为:
  border-collapse:separate(默认值,边框分开)/collapse(边框合并,如果可能,边框会合并成单一的一条边框)
  边框边距:相邻单元格的边框之间的距离;
  语法为:border-spacing:value;只有当不合并边框时才会有效果,取值为长度值,可以给该属性设置一个或两个值,指定一个值时,表示该值同时应用于水平和垂直间距,设置两个值时,第一个代表水平,第二个代表垂直;
  是否显示空白列:empty-cells:hide/show;
  表格标题的位置:cation-side:top/bottom;
  显示规则:如何显示或者布局一张表格;其属性为table-layout,用来帮助浏览器布局表格,也就是设置显示表单元格、行、列的算法规则;其语法为:
  table-layout:auto/fix;
  -auto:列宽度由单元格内容决定,是默认值,也成为自动表格布局,单元格大小会适应内容的大小,在表格复杂时会比较慢,适用于不知道每一列的确定大小;
  -fix:列宽由表格宽度和列的宽度决定,也称为固定布局,取决于表格宽度、列宽度、表格边框的宽度、单元格间距,它与单元格的内容无关,可以加速表的显示,因为浏览器在接收到第一行后就可以显示表格,但是不灵活,有时会出现内容溢出。
0 0
原创粉丝点击