gpt4 book ai didi

css - div 的水平居中可以通过 margin-left 和 right auto 以及宽度或最大宽度来完成,但不是最小宽度?

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

max-widthmin-width 之前,我们必须将width 设置为 之外的某个值code>auto,连同 margin-leftmargin-rightauto,用于 div 水平居中。

现在我们有了 max-widthmin-width,我们还可以将 max-width 设置为某个值除了 none 以外,还可以水平居中吗?有什么规范吗?

附言min-width 将不起作用,因为 div 将跨越整个宽度,因此您可以将其视为水平居中,除了左右边距都是 0,所以没有水平居中效果。

例子:

宽度:https://jsfiddle.net/dtr7t4z7/1/
最大宽度:https://jsfiddle.net/dtr7t4z7/2/https://jsfiddle.net/dtr7t4z7/3/
最小宽度:https://jsfiddle.net/dtr7t4z7/4/

最佳答案

margin: auto 只会平均填充两侧的剩余空间。如果未指定 widthmax-width,则 div 将占用尽可能多的水平空间。因为当仅指定 min-width 时 div 是其容器的整个宽度,所以没有任何空间留给 margin: auto 分配。

关于css - div 的水平居中可以通过 margin-left 和 right auto 以及宽度或最大宽度来完成,但不是最小宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43185783/

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