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

display:inline的边距问题

之前的内联元素一节，不是讲display:inline是内联元素，特点是不能设置边距，那为什么这节display：inline后面有margin：right?

dorothy1028661

2016-04-01

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

关注问题我要回答

850

操作

收起

3 回答

慕粉1184261
2016-04-13

设置浮动是为了元素在同一行，同时设置inline是为了解决ie6下的一个双边距的小问题(如果你不需要兼容ie6，可以不加这一句)。如果只设置inline也可以实现元素在同一行的效果，但是会出现其他的问题：元素在换行写的情况下，换行符也会占据位置，元素之间就会出现间隙。设置浮动是为了元素在同一行，同事设置inline是为了解决ie6

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

#1

为何inline换行符要占位置

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

幻影独行客
2016-04-01

内联元素特点：

1、和其他元素都在一行上；

2、元素的高度、宽度及顶部和底部边距不可设置；

3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

第二点说的很清楚，是顶部和底部边距不可设置。

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

幻影独行客
2016-04-01

上下边距不能设置，左右可以

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1227301 人
解答问题 18247 个

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

本课相似问答

2 回答边距的问题

4 回答边距的问题

2 回答边距的问题

5 回答关于display:inline和display:inline-block的问题

1 回答box1左边边距的疑问

搜索更多本课相关问答

display:inline的边距问题

我要回答关注问题

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

帮助反馈 APP下载

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

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