有时候大家需要让整个网页居中显示,这就需要将body元素水平居中。下面大家就来介绍两种实现方式:
1. 使用margin属性
大家可以使用margin属性,将左右边距都设置为auto,就可以达到水平居中的效果。
body { margin: 0 auto; }
这样设置之后,就可以将网页水平居中了。
2. 使用text-align属性
还有一种方法是使用text-align属性,将其值设为center,就可以使得body元素内的所有内容都居中显示。
body { text-align: center; }
这个方法的效果跟第一个方法是一样的。
总之,以上两种方法都可以实现让body元素水平居中的效果,大家可以根据实际情况选择其中的一种来使用。