css表格标签

表格标签

表格布局：table.thead.th.tbody.tr.td
控制表格的宽度：td
控制表格的高度：tr
默认的情况下:宽和高由【td】和【th】中内容中的多上决定，非等比例平分；
表格中的默认对齐方式是上下左右局中
需求：让表格宽度高度等比例平分；
因为表格默认是可以显示表格中的所有内容；如果内容过大，表格会放大；
所有：min-width 结果比例平分问题

设置表格样式

border-collapse 设置是否把表格边框合并为单一的边框。
border-spacing 设置分隔单元格边框的距离。
caption-side 设置表格标题的位置。
empty-cells 设置是否显示表格中的空单元格。
table-layout 设置显示单元、行和列的算法。
vertical-align: 竖直方向对齐
text-align 水平对齐
min-width 解决表格宽度不能平分问题

css3 实现分栏布局

column-width 栏目宽度
column-count 栏目列数
column-gap 栏目距离
column-rule 栏目间隔线

任何css属性前面都可以添加
-moz-xxx
-webkit-xxx
作用：解决部分兼容性问题，特殊情况下，及时添加内核也可能存在问题：
原因是因为某个浏览器就不兼容这个属性，例如 IE10 以下不兼容弹性布局
/* 兼容或者 -moz- /
-moz-column-count: 2;
/ Firefox /
/ 兼容谷歌和safari -webkit /
-webkit-column-count: 2;
/ 分几栏 */
column-count: 5;

        注意事项：
        1.如果只设置 列数：那么会等比例分类
        2.如果设置每栏宽度  每栏宽度的和大于父容器。那么就会减少 列数 即使设置 列数