在CSS中让表格居中对于网页布局和设计非常重要,下面我们来看一下几种方法:方法一: table { margin: 0 auto; } 这个方法可以通过设置table的margin来实现水平居中,但是
在CSS中让表格居中对于网页布局和设计非常重要,下面我们来看一下几种方法:
方法一: table { margin: 0 auto; }
这个方法可以通过设置table的margin来实现水平居中,但是要注意的是必须设置一个固定的宽度才能生效。
方法二: table { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
这个方法通过设置table的position为absolute,然后再用left和top将其垂直水平居中,再通过transform将其向左上方移动50%即可实现居中。
方法三: table { display: flex; justify-content: center; align-items: center; }
这个方法是使用了CSS3的flex布局,通过设置table的display为flex,然后用justify-content和align-items使其水平和垂直都居中。
以上就是几种比较常见的让表格居中的方法,可以根据实际需要选择使用。
粉丝
0
关注
0
收藏
0