margin:auto auto; 可以这么写吗?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
好帮手慕夭夭 2020-05-11 17:37:12

同学你好,这样写语法上没有问题。不过要注意一点,如果想要使用 margin: auto auto;实现水平垂直居中,是不行的。由于margin自身的原因,垂直方向上设置auto,是没有办法实现居中效果的(特殊记着即可)。示例:

http://img1.sycdn.imooc.com//climg/5eb91bb10924848305630538.jpg

效果如下:

http://img1.sycdn.imooc.com//climg/5eb91bb109840d5103350327.jpg

如果想要通过margin:auto auto实现垂直居中,需要结合定位。这个因为同学没有学到,先了解一下即可。在小白入门的定位课程中会有讲解。

@weibo_慕粉9129908同学,是不是没有给盒子设置固定宽度,因为盒子默认情况下与父元素宽度一样,所以此时水平居中也看不到效果。(如果还有其他问题,建议自己创建一个提问,把代码粘贴上来,以便老师针对代码为你指导)示例:

http://img1.sycdn.imooc.com//climg/5eb91cc609bc96e007630344.jpg

祝学习愉快 ~

weibo_慕粉9129908 2020-05-11 14:23:59

我發現 margin: auto auto 不會生效誒。哪裡了問題呢?

好帮手慕慕子 2020-02-06 09:53:50

同学你好,可以这么写,“qq_慕粉9137647”这位同学分析的很棒,可以参考理解下。祝学习愉快~

Aurora_Meteor 2020-02-05 23:35:04

应该是可以的。margin它分为上下左右四个方向,写成margin:auto auto的话,第一个auto表示上下居中,第二个auto表示左右居中,所以它表示的意思其实和margin:auto是一样的,上下左右都居中。所以我觉得写成margin:auto就好了。

  • Uestc_L #1
    auto表示自动居中的意思吗
    2020-03-20 09:03:34
  • 同学你好,对于margin属性来说,可以理解为自动居中。祝学习愉快!
    2020-03-20 11:09:07
  • 感谢!!!
    2020-03-20 11:09:56
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师