课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
想请教下将ul这一块级元素通过inline转成内联元素后为什么还要赋值padding呢?内联元素不应该是不能改变高宽及上下边距的么。但可以设margin左右,这里的padding是何解呢?
2016-04-11
源自:初识HTML(5)+CSS(3)-升级版 15-6
正在回答
学到《网页布局基础》2-2课时,里面有讲解,主要是浏览器默认添加了边距。为了防止这种情况,在编辑网页时,可在开始写时,就初始化 margin padding的值:
*{margin:0; padding:0:}
mynameJoe 提问者
刚看了你提问的课时,我也是新手。
去掉padding:0后,发现<li>靠右显示,左边有空白(我也不明白为什么靠右而不是靠左),加入padding:0是为了使左右距离一致,居中,这是我的想法。padding值改为其他,只要左右一致,就还是居中的。
你可以画一个border,只设置上下padding margin,不管多大,均不会影响其他元素,本行行距也没发生变化。
(不管那个border上下有多大,其他元素依旧不动,那个border会重叠到其他元素上)
这就是不能设置上下边距。
padding margin设置左右,则会发生变化,毕竟仍在行内,所以,可以这是左右边距。
高宽,你自己再试一下,记得画border,inline时,高宽设置均无用,删除inline或改为inline-block时,指定高宽才发生变化
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1 回答关于padding的问题
3 回答关于padding和margin取值问题
4 回答关于padding
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号