html小知识点归纳

1、行内元素：
span a em strong b i 宽度取决于内容宽度 ，高度取决于内容宽度 ， 人为设置不起作用 并排
2、 块级元素 ：
div p hi form table 和行内元素相比要霸道，不并排，100%，人为设置高宽起作用，独成一行
3、行内块:
input image td 能并排，可以人为设置宽高
4、解决图片下间隙问题
下间隙原因 ： 文字默认以基线对齐，图片本质就是文字，以基线对齐的，基线到底线的距离就形成了间隙，默认一般3px。
解决方法：
（1）设置父元素字体大小为0，font-size: 0;
（2）设置行高为0 line-height: 0；
（3）设置垂直对齐方式 vertical-align: 为顶 top /底 bottom /中 midlle
（4）imgdisplay:block 就是将元素显示为块级元素。

标签：知识点,行内,归纳,元素,并排,html,设置,对齐,基线
来源： https://blog.csdn.net/qq_44240254/article/details/87909448