课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
display:inline和display:inline-block是什么意思？？和只是display:block有什么区别？？
2016-03-20
源自：初识HTML(5)+CSS(3)-升级版 12-2
正在回答
display:inline表示原来是块转换成内联
display:inline-block表示还是内联但又有块的一样的属性
display:block原谅是内联转变成块
块就是占领一整行如<P> p 可以调大小
内联就是自己有多大就占领多少位置,不能调大小
修仙不如狗带 提问者
往后学就知道了，块状元素可以通过代码display:inline将元素设置为内联元素，display:inline-block就是将元素设置为内联块状元素，display:block也是这个道理。
常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有：<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有：<img>、<input>
display:block将元素显示为块级元素
块状元素也可以通过代码display:inline将元素设置为内联元素
display:inline-block就是将元素设置为内联块状元素
display:block （块级元素）、display:inline（内联元素）和display:inline-block（内联块级元素）
display:block （块级元素）比较霸道，从新的一行开始，后面的元素也得另起一行，可设置高宽，顶距边距等
display:inline（内联元素）元素都在同一行（如果内容比较短的话），高宽都不能设置
display:inline-block（内联块级元素）同时具备display:block （块级元素）和display:inline（内联元素）特点，元素都在同一行，但可设置高宽边距
分别是转换为内联元素、内联块状元素、块状元素
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
5 回答display:inline-block和float的区别？
1 回答请问浮动与display:inline-block;的区别
4 回答#div1,#div2{display:inline-block;} 这个不行吗
5 回答需要使span中的内容为display:inline-block;吗
2 回答手动输入display:inline-block;没有变化啊
