【HTML】html5中弃用的table属性在css中如何实现？

table中已弃用属性

HTML5中已弃用的table常用属性有：border、align、cellpadding、cellspacing、width等等。

1 border属性

<table>标签中border属性作用为规定表格是否拥有边框(默认为"0"表示无边框，可以设置为"1"表示有边框)。
因为默认为无边框，所以我们需要添加边框时需要在css中添加如下代码：

table,
        th,
        td {
        /* 属性值：线条粗细值；实线solid；颜色black(默认) */
            border: 1px solid black;
        }

2 align属性

<table>标签中align属性规定表格相对周围元素的对齐方式。属性值有：left(默认左对齐)、center(居中)、right(右对齐)。

align=“left”

虽然align的默认属性值为left，本文仍给出css等价写法：`

table {
            margin-right: auto;
        }

align=“center”

css中等价写法为：

table {
            margin: 0 auto;
        }

align=“right”

css中等价写法为：

table {
            margin-left: auto;
        }

cellpadding属性

<table>标签中cellpadding属性规定单元格内沿与其内容之间的空白。
cellpadding="10"在css中等价写法为：

th,td {
            padding: 10px;
        }

cellspacing属性

<table>标签中cellspacing属性规定单元格之间的空白。
cellspacing="5"在css中等价写法为

table {
            border-collapse: separate;
            border-spacing: 5px 5px;
            /* 水平间距 垂直间距 */
        }

合并边框方式：

table {
            border-collapse: collapse;
        }

width属性

table {
            width: 1000px;
        }

结语

本文简述了部分HTML5中弃用的table属性，并给出了css中的等价写法(不唯一)。