- 博客(2)
- 资源 (1)
- 收藏
- 关注
原创 display:inline-block的icon不垂直居中问题
需要了解知识点:1、基线:基线并不是汉字的下端沿,而是英文字母x的下端沿;2、行高指的是文本行的基线间的距离;图片来源链接地址!进入正题:父元素设置line-height后,看似文本垂直居中对齐,而inline-block的icon并没有与文字对齐,如下图,因为默认的垂直对齐方式为vertical-align: baseline;这种对齐方式下,元素以基
2016-09-07 11:50:50 10955
原创 不固定高度水平垂直居中
页面不固定高度垂直居中,很多时候会想到用display:table;content高度可自适应,缺点多一层div标签,(ie7以下包括ie7出错)demo如下: rem .out{ display: table; background: #0f4b89; width: 500px;
2016-09-02 11:52:07 976
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人