gpt4 book ai didi

css - -moz-box 在 child 有 % 宽度时不起作用

转载 作者:搜寻专家 更新时间:2023-10-31 23:05:53 24 4
gpt4 key购买 nike

我们使用 display:-moz-box/-webkit-box 将一个 div 在另一个 div 中垂直居中。如果它在子 div 具有绝对宽度时工作,则当子 div 的宽度仅为百分比时,它在 Firefox 上无法正确呈现。

<div style="background:yellow;height:40px;display:-moz-box;-moz-box-pack:center;
-moz-box-align:center;display:-webkit-box;-webkit-box-pack:center;
-webkit-box-align:center">
<div style="width:70%;background:blue;text-align:center">
Hello World
</div>
</div>

Chrome Chrome OK

火狐 Firefox KO

这里有一个 fiddle 来演示这个问题:http://jsfiddle.net/sBdWW/

任何帮助将不胜感激干杯

最佳答案

您使用的是过时的 flexbox 规范。

关于css - -moz-box 在 child 有 % 宽度时不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18366375/

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