我有两个相同的跨度，但是由于某种原因，第二个跨度显示的较窄。JSFiddle现在关闭了，所以这里是一个完整的html示例：
<html>
<head>
<title>asdf</title>
</head>
<body>
<span style="background-color:#ccc; margin-right:0.125em;">
</span>
<span style="background-color:#ccc; margin-right:0.125em;">
</span>
</body>
</html>
似乎最后一个总是更窄，但是如果我增加跨度，它会变得更奇怪。有时第一个宽度会有所不同，中间的宽值和最后一个窄的值之间会有所不同。
我想念什么？
首先插入一个额外的空间。如果所有跨度均为一线，则按预期工作：
<html>
<head>
<title>asdf</title>
</head>
<body>
<span style="background-color:#ccc; margin-right:0.125em;"> </span>
<span style="background-color:#ccc; margin-right:0.125em;"> </span>
<span style="background-color:#ccc; margin-right:0.125em;"> </span>
</body>
</html>
您要归档什么？如果您希望所有跨度都具有相同的长度，则应在CSS中通过设置
span {
display: inline-block;
width: 2rem;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句