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

display:inline-block;只要想让他变成块元素都可以用吗？用的时候不知道怎么用

display:block;float:left;也可以在一排、、但是没有间距、为什么display:inline-block左右都有间距是什么原因？

错过1332

2016-03-09

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

关注问题我要回答

1309

操作

收起

5 回答

qq_THS_0
2016-03-09

display:inline-block；

首先你要明白，inline-block的这个属性值的作用，它是将元素变为能够设置宽高的行元素，如果一个元素的display属性值被设置成为inline-block，那么你就可以对这个元素设置宽和高.

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

#1

错过1332 提问者

但是display:block也可以设置宽高呀

2016-03-10 回复有任何疑惑可以回复我~

#2

Chanmok 回复错过1332 提问者

但是如果用block就变到下一行了..要实现的是在同一行

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

从工藤新一到江户川柯南
2016-03-09

因为换行了，float 会尽可能的缩小距离，把换行符的空间给占了

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

夏日福星
2016-03-09

设置display:inline-block;元素的排列顺序是按内联元素的凡是排布。

内联元素是被看作字体来处理的，字体之间是有间隔的，所以内联元素之间也是有间隔的，前辈元素字体设为0，可以消除间隔，重新设置内联元素的字体大小可消除元素间距。

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

慕田峪8115978
2016-03-09

display:block;是块元素。display:inline-block属于内联块相当于包装过的，内部的内联元素之间有间距

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

夏落依
2016-03-09

是的只要你想让他变成这种元素就可以用，然后inline-block指的是内联块状元素，元素的高度、宽度、行高以及顶和底边距都可设置,所以它的边距有默认值

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

举报

0/150

提交

取消

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

参与学习 1227378 人
解答问题 18248 个

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

本课相似问答

3 回答块级元素要浮动显示的话，我是用display:inline将块级元素转化成内联元素可以么？

2 回答div是块状元素，为什么不能用display:inline-block;来实现效果

2 回答想让两个块状元素并排显示，设置display:inline;不行吗？

1 回答块元素行内元素怎么用

2 回答行内元素有div难道他不是块元素吗

搜索更多本课相关问答

display:inline-block;只要想让他变成块元素都可以用吗？用的时候不知道怎么用

我要回答关注问题

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

帮助反馈 APP下载

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

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