- 博客(2)
- 收藏
- 关注
原创 高度塌陷的解决方法(清除浮动)
高度塌陷是指在网页布局中,没有给父元素添加高度的情况下,父元素完全靠子元素撑开高度,这时当子元素全部添加浮动脱离文档流之后,子元素不占位,这时候父元素失去高度,导致底下的元素移动到原本父元素所占的位置影响整体网页布局额外标签法 给最后的子元素后面再添加一个0高度的块元素,再给这个块元素添加clear:both清除浮动 简单快捷,但要增加额外代码给父元素添加overflow:hidden 溢出隐藏,但会无法显示溢出的部分 因为overflow属性会触发 BFC...
2022-03-02 17:23:43 115 3
原创 使子元素水平垂直居中的方法
方法一 转行内块方法通过把子元素display:inline-block;转换成行内块元素,这时给父元素添加text-align:center;该声明对行内元素以及行内块元素生效,可以使子元素实现水平居中,在通过给父元素添加line-height行高,行高属性值等于父元素自身的高度,可以使子元素行内块在垂直的中线排列,最后给子元素添加vertical-align:middle;可以使子元素对齐方式从底线对齐,变成中线对齐。方法二 使用定位方法实现居中通过给父元素添加定位和给子元素添加绝对定位po
2022-03-02 16:15:15 1885
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人