未知高度的div在父元素中水平垂直居中的方法

2018-01-23 02:14:58

居中方法暂时找到两种:

1、父元素:





在父元素中使用:



display: flex;justify-content: center;align-items: center;

这些属性,即可以让子元素垂直居中:


其中:

justify-content:是在主轴上的对齐方式,即X轴

align-items:是在Y轴上的对齐方式,针对于在只有一条轴的情况


2、在子元素上加上:


子元素用绝对定位后:加上:

top:50%;

left:50:

transform:translate(50%,50%);

就可以实现追至水平居中,但这样的话,在子元素中使用css3,的animation属性会造成显示异常(朦胧感)


  • 2020-12-21 09:42:42

    iframe.contentWindow 操作iframe

    注:iframe.contentWindow这里,返回的是iframe的window对象,所以后面可以接着调用document方法,再接着调用getElementByTagName。那么就可以对iframe里面的元素进行操作了。

  • 2020-12-21 14:00:19

    iframe + postMessage跨域通信

    在实际项目开发中可能会碰到在 a.com 页面中嵌套 b.com 页面,这时第一反应是使用 iframe,但是产品又提出在 a.com 中操作,b.com 中进行显示,或者相反。

  • 2020-12-22 12:02:41

    ios开发优秀的开源框架,demo集合

    期待大家和我们一起共同维护,同时也期望大家随时能提出宝贵的意见(直接提交issues即可)。请广大网友只按照目录结构(即使目录结构有问题)添加三方库,并提交pull request。目录问题大家提出issues后楼主会及时更改的。