修剪与css链接的空格

时间:2016-03-09 09:41:17

标签: css css3

是否可以使用css修剪空白?在下面的代码段中,<a>标记中有一个额外的空格。该链接来自wordpress插件,我不想编辑插件源文件。额外的空间位于源文件中。我能做的是将css应用于链接。

&#13;
&#13;
click <a href="#" class="foo">here </a>to login.
&#13;
&#13;
&#13;

最糟糕的情况我可以使用JavaScript。但这对我来说似乎很难看。

2 个答案:

答案 0 :(得分:2)

您可以尝试使用否定margin-right,就像这样

a.foo {
   display: inline-block;
   margin-right: -1em;
   padding-right: 1.25em;
}
click <a href="#" class="foo">here </a>to login.

答案 1 :(得分:1)

你也可以这样做。 Altough display: inline-block应足以移除空间。

a.foo {
  width : 30px;
  display:inline-block;
}
click <a href="#" class="foo">here </a> to login.