gpt4 book ai didi

css - 对齐浏览器之间的中心差异

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

我想要实现的是将字符串居中,同时强制它位于容器 div 的底部,但以下内容在不同的浏览器中会产生 3 种不同的结果。

<style>
#outer {
position: relative;
background-color:blue;
height: 50px;
text-align: center;
}

#inner {
bottom: 0px;
position: absolute;
background-color:red;
}
</style>
</head>
<body>
<div id="outer">
<span id="inner">
aaaaaaaaaaaaaaaaaaaaaaa
</span>
</div>
</body>

Chrome 将#inner 完美居中。Firefox 开始输出字符串 from 完美的中心向右,所以它看起来有点偏移,字符串越长,看起来越明显。IE 从左边开始输出文本。

有什么解决方法吗?哪些行为符合标准?

最佳答案

嘿,我认为你应该像这样在你的 css 中给出 left 和 right :0

#inner {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: red;
}

关于css - 对齐浏览器之间的中心差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10227286/

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