为了账号安全,请及时绑定邮箱和手机立即绑定

关于.container ul中的padding:0;问题

想请教下将ul这一块级元素通过inline转成内联元素后为什么还要赋值padding呢?内联元素不应该是不能改变高宽及上下边距的么。但可以设margin左右,这里的padding是何解呢?


正在回答

3 回答

学到《网页布局基础》2-2课时,里面有讲解,主要是浏览器默认添加了边距。为了防止这种情况,在编辑网页时,可在开始写时,就初始化 margin padding的值:

*{margin:0; padding:0:}

0 回复 有任何疑惑可以回复我~
#1

mynameJoe 提问者

非常感谢!
2016-05-12 回复 有任何疑惑可以回复我~

刚看了你提问的课时,我也是新手。

去掉padding:0后,发现<li>靠右显示,左边有空白(我也不明白为什么靠右而不是靠左),加入padding:0是为了使左右距离一致,居中,这是我的想法。padding值改为其他,只要左右一致,就还是居中的。

1 回复 有任何疑惑可以回复我~
#1

mynameJoe 提问者

验证过你的想法,确实如此。我也不明白为什么去掉padding:0左边会有空白,疑惑。
2016-04-12 回复 有任何疑惑可以回复我~

你可以画一个border,只设置上下padding margin,不管多大,均不会影响其他元素,本行行距也没发生变化。

(不管那个border上下有多大,其他元素依旧不动,那个border会重叠到其他元素上)

这就是不能设置上下边距。


padding margin设置左右,则会发生变化,毕竟仍在行内,所以,可以这是左右边距。


高宽,你自己再试一下,记得画border,inline时,高宽设置均无用,删除inline或改为inline-block时,指定高宽才发生变化


2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227288    人
  • 解答问题       18247    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

关于.container ul中的padding:0;问题

我要回答 关注问题
微信客服

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

帮助反馈 APP下载

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

公众号

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