html怎么让button按钮居中

灵活的布局使按钮居中,简单!
如果parent设置为flex,则content-justify和element-align都写为center。

我仍在检查,但这是我的经验。

自己掂量一下。

html 如何让div居中

说实话,还挺有趣的。
使用margin来使div居中确实是一个老方法了。
当我第一次发现网页时,我被困在网页上好几天了。
你说的步骤都是正确的,所以我就补充一下我自己的理解。

让我们以我用来将标题置于银行官方网站居中的示例为例。
当时div的宽度设置为2 00px,所以添加margin:0auto就可以了,但是后来我发现了一个小bug——在IE6 浏览器下,div的左右两侧没有完全对齐。
查资料后发现IE6 对盒模型的解析有所不同。
最后我切换到 display:inline-block 并添加了 margin:1 0px auto 这使得它几乎兼容。

关键点是“auto”的值,它不是一个固定的像素,而是由浏览器自动计算的。
例如,如果您有一个宽度为 1 2 00 px 的 div,并且左右边距设置为自动,则浏览器将计算 (1 2 00
2 00) / 2 = 5 00 px。
此时,div 将位于页面的正中间。
但要注意,如果父容器没有display: block,这个自动功能可能无法按预期工作。

有一个细节我忘记提醒你了。
在设置margin:0 auto之前,最好在div中添加display: block或display: inline-block。
我有一个客户网站,只是忘记了这一步,导致 div 向左浮动。
只需在代码中添加这句话即可: header { display: inline-block;保证金:0 自动; }。

我记得的数据是2 01 8 年左右的,全国9 5 %以上的静态页面仍然采用这种方式实现居中。
虽然现在比较流行flexbox和grid,但是出于兼容性的考虑,你还是需要了解这个老方法。
你写的很清楚。
其实核心就三步:设置显示,添加margin:0 auto,就这样了。