行内块元素
同时具有块元素和行内元素的特点。<img/>、<input/>、 <td>。
特点:
1.和相邻行内块元素在一行上,但是他们之间有空隙,一行可以显示多个。
2.默认宽度就是本身容器宽度。
3.高、宽、内外边距都可以控制。
显示模式的转换
转换为块元素:
display:block;
转换为行内元素:
display:inline;
转换为行内块元素:
display:inline-block;
单行文字垂直居中显示:
行高等于盒子的高度
line-height:(height值);
如果行高大于盒子高度文字偏下,如果行高小于盒子高度文字偏上。