2020年2月19日
3种方法多列等高布局思路--小技巧
摘要： （1）利用内外间距相抵消，为父元素设置overflow:hidden;实现 每一列使用padding值撑开背景色；并且每一列使用padding撑开的多余的占位让margin负值抵消； 父级盒设置溢出隐藏 优点：结构简单，兼容所有浏览器 缺点：伪等高，需要合理控制margin和padding值 （2） 阅读全文
posted @ 2020-02-19 20:50 JackieDYH 阅读(4) 评论(0) 推荐(0) 编辑
双飞翼三栏布局思路--小技巧
摘要： 双飞翼布局——三列布局 1、html结构中——先主体结构后侧边； 2、两侧固定宽度，中间宽度设置为width: 100%; 3、主体内容和左、右侧边分别加浮动float:left; 4、左侧边设置marign-left: -100%;将左侧拉到最左边；右侧设置margin-left: -右侧边宽度; 阅读全文
posted @ 2020-02-19 20:39 JackieDYH 阅读(2) 评论(0) 推荐(0) 编辑
圣杯三栏布局思路--小技巧
摘要： 圣杯布局——三列布局 1、html结构中——先主体内容后侧边栏； 2、两侧固定宽度，中间内容宽度设置width: 100%; 3、主体内容和左右侧边栏分别加浮动float: left; 4、左侧设置margin-left: -100%;将左侧拉到最左边；右侧设置margin-left: -右侧边宽度 阅读全文
posted @ 2020-02-19 20:34 JackieDYH 阅读(2) 评论(0) 推荐(0) 编辑
vertical-align属性解决元素间有间隙和对不齐问题--小技巧
摘要： vertical-align属性： 设置元素的垂直对齐方式 vertical-align: baseline; 将元素放在父元素的基线上 默认值 vertical-align: top; 顶端对齐 vertical-align: middle; 中部对齐 vertical-align: bottom 阅读全文
posted @ 2020-02-19 12:52 JackieDYH 阅读(16) 评论(0) 推荐(0) 编辑