html+css
帅帅哥的兜兜
何以解忧,唯有暴富!
展开
-
css基础篇1: 布局
布局问题:绝对定位 position ? inherit: 父元素中继承。 static: 默认,正常元素流中。不存在 top、bottom、left、right、z-index 这些。 absolute: 绝对定位,相对 static 外的第一个父级元素定位。 relative: 相对定位,相对于正常位置定位。...原创 2018-01-30 23:53:46 · 392 阅读 · 0 评论 -
css基础2:flex 多行均分有间隙布局
效果图:逻辑:一行有四个的情况 父元素:设置为 flex。justify-content 设置 space-between/space-around。 子元素:设置宽度 百分比/vw (width:calc((100% - 60px))/4 或者width:calc((100vw - 100px))/4 ) ...原创 2019-11-13 17:52:52 · 17549 阅读 · 0 评论 -
css基础2:flex 一行均分有间隙布局
最近有朋友问我布局问题。要点:怪异盒模型。写波笔记〜〜〜有一个 ul 下面有 5个 li ,前四个 li 右边有 20的边距。最后一个 li 没有边距。求均分?效果图如下 :方法如下:方法一: <ul> <li><div></div></li>...原创 2019-04-04 14:52:30 · 2590 阅读 · 0 评论