将div垂直居中放置在一个％div中
是否可以将div垂直居中放置在％高度div中？
慕虎7371278浏览 586回答 3
3回答
-
慕的地10843
如果您的内部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
不需要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>
随时随地看视频慕课网APP
Html/CSS