未知高度的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-01-03 00:36:00

    break和continue详解for循环

    1. break：直接跳出当前循环体（while、for、do while）或程序块（switch）。其中switch case执行时，一定会先进行匹配，匹配成功返回当前case的值，再根据是否有break，判断是否继续输出，或是跳出判断（可参考switch的介绍）。 2. continue：不再执行循环体中continue语句之后的代码，直接进行下一次循环。