pythonweb前端开发：Python Web全栈之旅12--Web前端 CSS扩展知识点汇总

pythonweb前端开发：Python Web全栈之旅12--Web前端 CSS扩展知识点汇总● 常规流块盒水平居中直接设置行盒（行块盒）父元素```text-align:center```② 将图片设置为块盒盒子在其包含块里居中● 行盒（行块盒）水平居中

---

8、行盒的垂直对齐

● 多个行盒垂直方向上的对齐

给没有对齐元素设置 vertical-align，可以用预设值和数值表示

● 图片的父元素是一个块盒，块盒高度自动，图片底部和父元素底边之间往往会出现空白

① 设置父元素的字体大小为0

② 将图片设置为块盒

---

9、居中对齐

盒子在其包含块里居中

● 行盒（行块盒）水平居中

直接设置行盒（行块盒）父元素```text-align:center```

---

● 常规流块盒水平居中

定宽，设置左右margin为auto

---

● 绝对定位元素的水平居中

定宽，设置左右的坐标为0（left 为0 ，right为0），将margin设置为auto