如果想知道区别,那么必先了解各项元素的特征:
行内(内联)元素:
- 盒子靠内容撑开
- 无法修改宽高 如果必须要修改需要使用display:bolck;使其具备块级元素的特点
例如:
<span>、<a>、<b>、<strong>、<input>、<textarea>、<select>、<em>
块元素:
- 盒子排列独占一行
- 可以修改宽高(修改完宽高改变了,但是实际上仍然独占一行)
列如:
<h1>~<h6>、<p>、<ul>、<ol>、<dl>、<table>、<div>、<form>
行内块 :
- 一行排列多个
- 可以修改宽高
- 基准线与文字一致
- 可以使用文字某些属性控制样式
列如:
<input> 、<img>
区别就是它们的特征都不一样 --------
【拓展】
它们之间可以依靠dispaly属性互相拥有别的类型元素的属性:
其他元素变成行内块元素特征:
display:inline-block;
其他元素变成行内元素特征:
display :inline;
其他元素转成块元素特征:
dispaly:block;