视频中的“拔河”具体描述的是什么代码以及表现为什么形式?

视频中的“拔河”具体描述的是什么代码以及表现为什么形式?

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

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

1回答
好帮手慕星星 2019-03-20 17:50:29

你好,可以参考下图的代码:

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

效果:

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

元素在页面中水平垂直居中显示。

拔河效应是体现在绝对定位中的,设置top为0,bottom也为0,可以这样理解:想让我距离顶部为0,又想让我距离底部为0,然后设置了margin值为auto,那我还是居中显示吧。垂直方向上是一样的道理。

自己可以测试下,祝学习愉快!

  • 为什么这里必须设置top和bottom的值为0呀,不设置不可以吗?
    2020-04-20 14:57:58
  • top和bottom值不设置为0话,只能实现水平居中。如果想要垂直居中是需要设置上的。祝学习愉快!
    2020-04-20 15:45:54
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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