老师,第一种方法为什么实现不了居中呢?能讲一下第二种设置居中的依据吗?在什么情况下需要转成块级元素呢

老师,第一种方法为什么实现不了居中呢?能讲一下第二种设置居中的依据吗?在什么情况下需要转成块级元素呢

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

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

1回答
好帮手慕久久 2021-12-01 09:47:43

同学你好,解答如下:

1、第一种方案,正常来讲是可以实现居中的。建议同学将margin-left的值调成“负的自身宽度的一半”试试:

https://img1.sycdn.imooc.com//climg/61a6d31d09b83c0d10750253.jpg

如果修改后,还是无法居中,建议把全部代码粘贴出来,老师检查一下。

2、margin:0 auto;只能让有固定宽度的块级元素居中,所以元素要满足两个条件:有固定宽度、是块级元素。如果.btn自身不是块级元素,那么就要将其转成块级元素。例如:

https://img1.sycdn.imooc.com//climg/61a6d40c092e606907290772.jpg

祝学习愉快!

  • 提问者 阿惹 #1

    谢谢老师,那是不是就是说这两种方案,无论我用哪一种都是可以实现效果的,没有限制一定要用哪一种吧

    2021-12-01 19:07:52
  • 好帮手慕久久 回复 提问者 阿惹 #2

    对的,没有限制,只要能实现效果就行。

    2021-12-02 09:20:12
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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