before伪元素嵌入图片处置对齐 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
<style type="text/css">
div{
  width:200px;
  height:100px;
  border:1px solid black;
  position:relavite;
}
span:before{
  content:url(http://1.yuhuo.sinaapp.com/atel.png);
  vertical-align:middle;
  display:inline-block;
} </style> 
</head>
 <body> <div> <span>手机</span> </div> </body> </html>
posted @ 2016-10-17 13:56  天--安静  阅读(3505)  评论(0)  编辑  收藏  举报