大多数 HTML 元素被定义为块级(区块)元素或行内(内联)元素。
一、块级元素:在浏览器显示时,通常会以新行来开始(和结束)
例: <p>, <table><div> ,<ul>,<ol>,<li>,<h1>-<h6>
特点:1.可设置宽高
2.不可以与别人共处一行
3.不设置宽度的情况下,宽为100%(以新行显示的原因)
二 、行内元素:在显示时通常不会以新行开始。
例: <b>, <td>, <a>,<span>
特点:1.不可以设置宽高
2.可以与别人共处一行 (不以新行显示的原因)
3.其宽高由内容撑开
三、行内块元素:综合了行内元素和块状元素的特性,但是各有取舍。
例:<img>、<input>、<select>、<label>
特点:1.可以设置宽高
2.可以与别人共处一行
三者之间可以通过设置CSS样式属性display:inline-block,可将行内元素,或块级元素转换成行内块级元素;
如果是将元素转换成内联元素,则设置display:inline;
如果是将元素转换成块级元素,则设置display:block;