- 博客(2)
- 收藏
- 关注
原创 html 盒子在其包含块中居中总结
行盒(行块盒)水平居中 直接设置行盒(行块盒)父元素:text-align:center 常规流块盒水平居中 定宽,设置左右margin为auto(margin:0 auto) 绝对定位元素的水平居中 定宽,设置左右的坐标为0(left:0;right:0;),将左右margin设置为auto 实际上,固定定位(fixed)是绝对定位(absolute)的特殊情况 单行文本垂直居中 设置文本所在元素的行高,为整个区域的高度 行块盒或块盒内多行文本的垂直居中 没有完美方案 设置盒子上下文的内边距(padd
2020-08-10 17:57:08 235
原创 块级格式化上下文(BFC)
块级格式化上下文(BFC) 全称Block Formatting Context,简称BFC 它是一块独立的渲染区域,它规定了在该区域中,常规流块盒的布局(可用于解决margin塌陷问题) 以下元素会创建BFC: 1.根元素(<html>及其他) 2.浮动和绝对定位元素 3.overflow不等于visible的块盒 具体规则: 1.创建BFC的元素,他的自动高度需要计算浮动元素 2.创建BFC的元素,他的边框盒不会与浮动元素重叠 3.创建BFC的元素,不会和它的子元素进行外边距合并
2020-08-10 17:27:39 91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人