美文网首页
表格相关总结

表格相关总结

作者: 筱南独舞 | 来源:发表于2016-11-22 22:27 被阅读8次

    表格标签

    1. <table>:定义表格,表格的边界标签,必定包裹表格的其他元素标签;
    2. <tr>:定义表格的行;
    3. <th>:定义表格的表头,需要被<tr>包裹;
    4. <td>:定义表格的单元,需要被<tr>包裹;
    5. <thead>:定义表格的页眉,表格分组标签,可将表格分割;
    6. <tbody>:定义表格的主体,表格分组标签,可将表格分割;
    7. <tfoot>:定义表格的页脚,表格分组标签,可将表格分割;

    注:如果使用thead、tfoot、tbody元素(使用顺序),就必须三个同时使用。

    1. <tr>:定义表格标题;

    表格常用属性

    1. colspan="value" 合并列;
    2. rowspan="value" 合并行;
    3. align="left/center/right" 水平对齐;
    4. valign="top/bottom/middle/baseline" 垂直对齐方式;
    5. cellpadding="value" 单元边沿与其内容之间的空白;
    6. cellspacing="value" 单元格之间的空白;

    表格的css属性

    1. caption-side:top/bottom/left/right; 设置表格标题放置的位置;
    2. border-spacing:value; 单元格间距;
    3. border-collapse:separate(边框分开)/collapse(边框合并)
    4. empty-cells:show/hide; 无内容单元格表示、隐藏;
    5. table-layout:auto(自动表格布局)/fixed(固定表格布局);

    相关文章

      网友评论

          本文标题:表格相关总结

          本文链接:https://www.haomeiwen.com/subject/sfempttx.html