新建一个html文件,定名为test.html,用于讲解css如何让div里的表格居中对齐。
在test.html文件中,建立一个div,并设置其class属性为dd,用于下面临该div进行样式设置。
在test.html文件的div内,建立一个五行三列的表格,代码如下:
为了更好地显示出表格,设置表格的边框为1px,代码如下:
利用css对div进行样式设置。设置宽度为700px,高度为500px,居中显示,同时设置1px的红色边框。
利用css设置表格在div内居中。经由过程margin:0 auto设置表格居中,同时设置宽度为200px,高度为200px 。
在浏览器打开test.html文件,查看表格在div内居中的结果。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!