Two divs in a container, one of which is automatically centered vertically
There are two divs in DIV0, where DIV1 is fixed, DIV2 height varies according to the content, how DIV1 is centered vertically in DIV0.
CSS set to:
DIV0{
height: 100%;
width: 100%;
position: relative;}
DIV1{
width: 14%;
height: 14%;
display: inline-block;
}
DIV2{
display: inline-block;
position: absolute;
height: 100%;}
0 Answer
div2 dynamic width by css style is difficult to control, unless you use js to control, it is recommended to use a fixed width to achieve horizontal centering
for example: width:80%; position: absolute; height: 100%; top:0px; left:50%; margin-left:-40%;
这家伙很懒，什么都没留下...
