css1图标和text上下对齐,css如何实现文本图标对齐呢？

css如何实现文本图标对齐呢？

发布时间：2020-04-20 14:06:40

来源：亿速云

阅读：645

作者：小新

css如何实现文本图标对齐呢？很多人都不太了解，今天小编为了让大家更加了解css实现文本图标对齐的方法，所以给大家总结了以下内容，一起往下看吧。

开发中遇见图片跟文字放在一行显示是最常见不过的了，两个行内元素的对齐通常也是最令人头疼，有时候明明使用了最常用的对齐方法，却总还是有些许偏差，先来看一个最基本的示例：

html部分：

xx测试对齐Style-

css部分：.wrap {

width: 300px;

text-align: center;

margin: 20px auto;

font-size: 14px;

}

.wrap img {

width: 20px;

}

未使用对齐方式的效果