一、对于行内元素：
text-align:center;
二、对于确定宽度的块级元素：
（1）margin和width实现水平居中
常用(前提：已设置width值)：
2024年07月25日
一、对于行内元素：
text-align:center;
二、对于确定宽度的块级元素：
（1）margin和width实现水平居中
常用(前提：已设置width值)：
2024年07月25日
老板的手机收到一个红包，为什么红包没居中？
如何让一个子元素在父容器里水平垂直居中？这个问题必考，在实战开发中，也应用得非常多。
你也许能顺手写出好几种实现方法。但大部分人的写法不够规范，经不起千锤百炼。换句话说：这些人也就面试的时候夸夸其谈，但真的上战场的时候，他们不敢这么写，也不知道怎么写最靠谱。
2024年07月25日
当父div的行高等于自身高度时，内部的行内元素会上下居中显示。行内块没有固定高度时也会上下居中显示。所以需要对父div的 line-height 进行调整。利用定位属性（top、left、right、bottom）百分比的模式。若为100%，则代表偏移的长度为父div的高度（宽度）的100%。定位属性top和bottom（或是left和right）值分别设置为0，但子div有固定高度（宽度），并不能达到上下（左右）间距为0，此时给子div设置 margin:auto 会使它居中显示。
2024年07月25日
css水平垂直居中方式
划重点啦！"css实现元素垂直水平居中"是一道前端工程师面试必考题，很多面试官都喜欢问这个问题。如图：
2024年07月25日
常用css的开发人员都知道，让单行文字水平居中用text-align:center，垂直方向居中有一个小技巧是让line-height=height,一般用到这个的时候我们的高度都是固定的px值,但今天我们设置高度为百分比时,也想让文字垂直居中,于是有了下面这段代码。
2024年07月25日
# 内联元素水平居中
在css中要使内联元素水平居中的方法是给它的父级元素添加
text-align: center;
样式即可。
# 内联元素垂直居中
在css中要使内联元素垂直居中的方法是给它的父级元素添加 line-height
2024年07月25日
<div id="parent">
<!-- 定义子级元素 -->
<div id="child">居中布局</div>
</div>