c9y 最近的时间轴更新
c9y

c9y

V2EX 第 310642 号会员,加入于 2018-04-22 13:58:45 +08:00
今日活跃度排名 12951
c9y 最近回复了
穿拖鞋,带运动鞋.
可以在外走动的时候可以穿拖鞋(有积水容易弄湿运动鞋/其他鞋的时候)
然后到公司了, 去洗手间冲干净 jio, 晾干或者擦干, 穿上袜子, 穿运动鞋.
80 天前
回复了 awesomePower 创建的主题 程序员 前端求教,有没有懂 flex 布局的
@awesomePower #10 也是浏览器的默认行为吧, 估计是 margin: 1em 0;
一般除非写 blog 文章, 不然的话, 默认的 css 都是不可靠了
80 天前
回复了 awesomePower 创建的主题 程序员 前端求教,有没有懂 flex 布局的
@c9y #8 好吧, 是有问题. 不知道为啥 v2 自己干掉了
80 天前
回复了 awesomePower 创建的主题 程序员 前端求教,有没有懂 flex 布局的
@c9y #7 y - x = 190px - 119px = 71px
(编辑的时候把 71px 干掉了
80 天前
回复了 awesomePower 创建的主题 程序员 前端求教,有没有懂 flex 布局的
我是这么理解的.
你这个例子中:
结构 .box > (.item > p)*4, p 的 font-size: 35px, line-height 和 margin 为浏览器默认
我这里使用 chrome, 默认 line-height: 1.4, margin: font-size 0; (这里非常要注意浏览器的默认属性, 尤其是 line-height, 比如 mdn 就说明了大部分是默认 1.2, 这里使用 1.4 是使用了你提供的, 实际上我进入你的页面 font-size*line-height = 46, 这里 line-height 是无穷小数, 所以一般需要严格计算的地方应该指定 line-height)
即: p 的高度为 margin-top + (font-size * line-height) + margin-bottom = 35px + (35px * 1.4) + 35px = 119px
第 2 行的一个.item 设置了 height: 190px, 其他.item 的 height 自适应
假设: 第 1 行自适应高度为 x, 第 2 行自适应高度为 y.
则有: y - x = 190px - 119px = 71px (这个是重点, 会根据可以用于计算的值用于计算占比)
x + y = 500px
两式相加: 2y = 500px + 71px, y = 285.5px
则 x = 214.5px.
@c9y #48 续上
组装冲煮:约 4 分钟
清洗:约 3 分钟
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   966 人在线   最高记录 6543   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 13ms · UTC 21:41 · PVG 05:41 · LAX 14:41 · JFK 17:41
Developed with CodeLauncher
♥ Do have faith in what you're doing.