<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
span{
border: 1px solid red;
margin: 0 5px 0 5px;
}
</style>
</head>
<body>
<span>|</span><span>,</span><span>.</span><span>?</span><span>;</span>
</body>
</html>
发现在span标签里面如果是| , .等非文字时，在ie和chrome两种不同内核下元素的宽度会显示不同，当一个容器中有多个span标签时由于不同内核的宽度会不同，显示就会有区别，这该怎么解决
chrome内核下的显示效果
ie内核下的显示效果
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
