美文网首页
position:absolute带来的影响

position:absolute带来的影响

作者: smileJiuer | 来源:发表于2016-06-23 17:09 被阅读0次

诸如类似的需求

一个预约单状态栏

1.左侧图标用的background-url

所以控制边距时,不要用padding,否则图片也会被撑开。

2.中间的文字为多行可变。但是div布局不能hold住vertical-align属性;设置line-height,那下面的字号偏小的文字就直接被line-height顶下去了。

finally,找到了一个方法:display:table-cell支持vertical-align

用法: 

父 {

    display: table;

}

子 {

    display: table-cell;

    vertical-align: middle;

}

----------------------------------------------------------------------

HAPPY ENDING!

相关文章

网友评论

      本文标题:position:absolute带来的影响

      本文链接:https://www.haomeiwen.com/subject/ctfodttx.html