是否可以将div垂直居中放置在％高度div中？
3 回答
慕的地10843
TA贡献1785条经验 获得超8个赞
如果您的内部div绝对高（比如说100px），则可以执行以下操作：
.outerdiv{
position: relative; //or absolute, or fixed
height: 80%;}.innerdiv{
position: absolute;
width: 100px;
height: 100px;
top: 50%; // it's at 50% but not really centered
margin-top: -50px; // so just move it up by the half of its height :D}我不喜欢这种解决方案，我敢肯定还有很多其他可能性（也许使用表或display: table-cell;）-但这是我想到的第一个...
慕哥6287543
TA贡献1831条经验 获得超10个赞
不需要px单位更改顶部，底部，右侧，左侧或使用百分比
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><div style="position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; white-space: nowrap; overflow: hidden;"> <div style="position: relative; display: inline-block; height: 100%; vertical-align: middle;"></div> <div style="background-color: #FEEF88; position: relative; display: inline-block; vertical-align: middle;">Hola todo el mundo :D</div></div></body></html>
- 3 回答
- 0 关注
- 580 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消