许多前端开发人员需要把他们的网站居中,这里介绍一些CSS技巧来达到这个目的。
.container { width: 80%; margin: 0 auto; }
在上面的代码中, ".container" 是你想要居中的元素的类名。 "width" 属性设置了元素的宽度, "margin" 属性将自动计算出元素的左右间距将元素居中。
如果你想要把一个<div>
或者其他块级元素居中,可以在CSS中加入以下属性:
.block-element { display: flex; justify-content: center; align-items: center; }
"display" 属性用于指定元素为弹性盒子。 "justify-content" 属性用于将元素水平居中, "align-items" 属性用于把元素垂直居中。
总之,以上两种CSS技巧可以轻松帮助你把页面或元素居中。