CSS常见问题

发表于 分类于 本文字数： 343 阅读时长 ≈ 1 分钟

img图片下方出现缝隙

img是一种类似text的标签元素，在结束的时候，会在末尾加上一个空白符(匿名文本)，导致下方会多出来3px间距
方法一：

1
2
3
img {
	vertical-align: middle;
}

方法二：

1
2
3
4
img {
	display: block;
}
// img设置为块级元素，text-align:center就不再生效，图片的水平居中应使用margin:auto

position:fixed遮挡问题

fixed是相对于浏览器窗口的固定定位，它的位置与文档流无关，因此不占据文档流空间
很多时候，开启了fixed的组件的z-index层级都很高，如固定在底部的TabBar，此时会出现遮挡底部组件的问题。给被遮挡的组件增加padding值就行。