多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
在行内元素中有几个特殊的标签`<img />、<input />、<td>`,可以对它们设置宽高和对齐属性,有些资料可能会称它们为行内块元素。 行内块元素的特点: * 和相邻行内元素(行内块)在一行上,但是之间会有空白缝隙。 * 默认宽度和高度就是它本身内容的宽度和高度。 * 高度,宽度、行高、外边距、内边距都可以控制。 放在一个父盒子里面的行内块元素与这个父盒子的底部默认存在一个空白的间隙,因为放在里面的行内块元素默认与父盒子的基线对齐,可以采用如下两个方法来去除这个空白的间隙。 ![](https://img.kancloud.cn/34/c2/34c21e512b8326b47f5a8e7261de6ec4_750x145.jpg) 1. 给行内块元素添加:`vertical-align:middle | top | bottom`,替换掉默认的`baseline`. 2. 将行内块元素转换成块级元素:display:`block;` 在开发时,一开始时就喜欢给`img`标签添加上述两种方式之一,防止图片底部出现空白间隙。 ![](https://img.kancloud.cn/5f/e0/5fe0c48211b4c6f87f3f879e511fe7a9_626x300.png)