css 怎样设置div的垂直居中

发布网友发布时间：2022-04-23 07:23

共2个回答

热心网友时间：2022-05-07 19:17

1、使用line-height

<div id="parent">
<div id="child">Text here</div>
</div>

/*---css---*/
#child {
line-height: 200px;
}

<div id="parent">
<img src="image.png" alt="" />
</div>

/*--css--*/
#parent {line-height: 200px;}
#parent img {vertical-align: middle;}

2、使用vertical:middle

<div id="parent">
<div id="child">Content here</div>
</div>

/*---CSS---*/
#parent {display: table;}
#child {
display: table-cell;
vertical-align: middle;
}

热心网友时间：2022-05-07 20:35

margin: 0 auto;

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com