10 种方法使用 CSS 水平居中一个元素
我们在前端开发中,经常会有居中某个元素的需求。因为 CSS 对于居中的方式有多种多样,在不同场景下有不同的效果,需要特别记住它们的应用场景才能够正常的居中元素。那么这篇文章,我们就看一下在 CSS 中,水平居中一个元素的不同方法和技巧,帮助你在前端开发中更加游刃有余。
使用 text-align 居中行内元素
text-align
不仅可以居中文本,还可以居中行内元素(如文本或图片)。把父元素的 'text-align' 设置为 center
,然后把子元素的 display
属性设置为 inline
就可以了。
.parent-element {
text-align: center;
}