一般情况下,页面中可以利用align进行页面的居中、靠左或者靠右对齐,但是采用CSS样式表来做更简单一些,下面我们来看一下使用css设置table居中的方法。
css设置居中的方法:
1、利用margin属性设置table居中
html代码:
内容 | 内容 | 内容 | 内容 | 内容 |
内容 | 内容 | 内容 | 内容 | 内容 |
内容 | 内容 | 内容 | 内容 | 内容 |
内容 | 内容 | 内容 | 内容 | 内容 |
css代码:table{margin:0px auto}
div{border:1px solid #F00}
效果图:
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
说明
这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。