css为伪元素在插入图标的使用

<div>
    <img src="../imag/modify.png" style="width: 15px; height: 17px;">
	<span>批量修改</span>
</div>
						
<div>
	<span class="delete">批量删除</span>
</div>

 第一个div因为太久没写代码了就用了img来插入小图标，后来突然想到有伪元素这东西！！！这玩意能使dom结构变得简洁一些～ 也非常简单

1.给我的span添加一个class

2.class添加如下属性（地址要换成自己图片的相对路径）

.delete::before{
		content: url(../imag/delete.png);
		width: 15px;
		height: 15px;
	}

3.写完后效果如下 感觉没有对齐 好像有个东西叫vertical-align

4.添加上vertical-align这个属性 就对齐了

5.有关于vertical-align这个属性详情可以看这个 讲的非常不错 虽然我之前看过也忘记了，但多看几次总能记起来！！！vertical-align 属性_yi把菜刀的博客-CSDN博客_vertical-align属性