                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

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

mynameJoe

2016-04-11

源自：初识HTML(5)+CSS(3)-升级版 15-6

关注问题我要回答

1008

操作

收起

3 回答

猫大虾回答被采纳 +3 积分
2016-04-16

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

*{margin:0; padding:0:}

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

收起回答

mynameJoe 提问者

非常感谢！

2016-05-12 回复有任何疑惑可以回复我~

猫大虾
2016-04-11

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

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

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

收起回答

mynameJoe 提问者

验证过你的想法，确实如此。我也不明白为什么去掉padding:0左边会有空白，疑惑。

2016-04-12 回复有任何疑惑可以回复我~

猫大虾
2016-04-11

你可以画一个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小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

1 回答关于padding的问题

3 回答关于padding和margin取值问题

4 回答关于padding

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

3 回答

本课相似问答

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