前言
老板的手机收到一个红包，为什么红包没居中？
如何让一个子元素在父容器里水平垂直居中？这个问题必考，在实战开发中，也应用得非常多。
你也许能顺手写出好几种实现方法。但大部分人的写法不够规范，经不起千锤百炼。换句话说：这些人也就面试的时候夸夸其谈，但真的上战场的时候，他们不敢这么写，也不知道怎么写最靠谱。
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>2024年07月25日
摘要： flexbox是个很强大的布局模块，三个属性就搞定居中，而且不论父容器还是居中元素都可以不定宽高
水平居中
align="center"
直接在标签对象内加align="center"即可让对象内图片横向水平居中显示
align="center"使用方法：
2024年07月25日
CSS居中是前端工程师经常要面对的问题，也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15种。如有漏掉的，还会陆续的补充进来，算做是一个备忘录吧。