多语言展示
当前在线:1768今日阅读:126今日分享:42

css怎样让div里的表格居中对齐

在div中,使用css设置表格居中对齐显示,主要通过margin属性来实现。下面举例讲解css怎样让div里的表格居中对齐。
方法/步骤
1

新建一个html文件,命名为test.html,用于讲解css怎样让div里的表格居中对齐。

2

在test.html文件中,创建一个div,并设置其class属性为dd,用于下面对该div进行样式设置。

3

在test.html文件的div内,创建一个五行三列的表格,代码如下:

4

为了更好地显示出表格,设置表格的边框为1px,代码如下:

5

使用css对div进行样式设置。设置宽度为700px,高度为500px,居中显示,同时设置1px的红色边框。

6

使用css设置表格在div内居中。通过margin:0 auto设置表格居中,同时设置宽度为200px,高度为200px 。

7

在浏览器打开test.html文件,查看表格在div内居中的效果。

推荐信息