CSS在换行前创建填充

Question

是否可以在换行前添加填充？就像在这里一样 对此 .

当前的CSS代码:

span.highlight { background: #0058be; color: #FFF; padding: 2px 5px; }

Answer 1

我不得不添加一个额外的东西margin-left:0;,让两条线从同一点开始.

这可以使用纯CSS完成.box-shadow在相同颜色的高光的左侧和右侧创建一个实体(并用于margin校正间距).对于你的情况:

span.highlight { 
  background: #0058be;
  color: #FFF;
  box-shadow:5px 0 0 #0058be, -5px 0 0 #0058be;
  padding: 2px 0;
  margin:0 5px;
}

Answer 2

最接近的事情，如果真的很重要的话，我想说的是添加display: inline-block;