最近思考小米columu的布局思路,
image.png
文字没有行高,font-size撑起的高度,该字体下,font-size:28px;时对应高度37px;不准确.
今晚想到了第一步实现.以前的做法line-height:150px;padding-top:50px;虽然简洁,但是边框位置更难于控制了,而且整个div用行高撑,文字样式太多时,影响的太大了.

另一点,display:flex;align-items:baseline基线有点飘.
文字没有行高,font-size撑起的高度,该字体下,font-size:28px;时对应高度37px;不准确.
今晚想到了第一步实现.以前的做法line-height:150px;padding-top:50px;虽然简洁,但是边框位置更难于控制了,而且整个div用行高撑,文字样式太多时,影响的太大了.
另一点,display:flex;align-items:baseline基线有点飘.
本文标题:2018-11-15
本文链接:https://www.haomeiwen.com/subject/jryufqtx.html
网友评论