gpt4 book ai didi

html - 将绝对元素定位在其相对父元素的中心

转载 作者:太空宇宙 更新时间:2023-11-04 14:59:21 25 4
gpt4 key购买 nike

这是我的代码我希望子元素位于其父元素的底部和中心

它在底部好吧,但我不能让它居中

我试过了

text-align:center ;

为 parent

margin:0 auto ;

对于 child ,但它不起作用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><body>
<div style='background-color: yellow; width: 70%;
height: 100px; position: relative; text-align:center'>
Outer

<div style='background-color: green;
position: absolute; width: 80%; bottom: 0 ; margin-right:auto ; margin-left:auto ; padding:5px'>
Inner

</div>
</div>
</body>
</html>

最佳答案

这可能会回答您的问题:Centering a percent-based div

在边距中使用百分比。

<div style='background-color: green;
position: absolute; width: 80%; bottom: 0 ; margin-right:10%; margin-left: 10%; padding:5px'>

演示:http://jsfiddle.net/DkNdx/

关于html - 将绝对元素定位在其相对父元素的中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16624676/

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