gpt4 book ai didi

html - 当 div 的高度不固定时,没有 Javascript 的 div 的垂直居中

转载 作者:行者123 更新时间:2023-11-28 18:52:04 25 4
gpt4 key购买 nike

它的高度不固定时,我想在没有 JavaScript 的情况下使 div 垂直居中。

我找到了 here一个想法。

我想知道是否有其他方法可以解决这个问题。

最佳答案

这个有效:

这是链接:http://jsbin.com/uvodop/2/edit

查看它是如何在框内垂直对齐的。高度也不固定。

希望它能回答您的问题。

<html>
<head>
<title>HTML Div vertical align using CSS</title>
<style type="text/css">
.outerDiv {
border: solid 1px #000000;
width: 300px;
padding: 5px 2px 5px 2px;
}

.innerDiv {
width: 95%;
margin: 0px auto;
padding: 40px 0px 40px 5px;
border: solid 1px #000000;
}
</style>
</head>
<body>
<div class="outerDiv">
<div class="innerDiv">
This text is placed inside the next HTML div tag.<br />
CSS style is used to vertical align the nested div and text.
</div>
</div>
</body>
</html>

关于html - 当 div 的高度不固定时,没有 Javascript 的 div 的垂直居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8997500/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com