用css修剪链接中的空格

Nie*_*jer 5 css

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

click <a href="#" class="foo">here </a>to login.
Run Code Online (Sandbox Code Playgroud)

最坏的情况是我可以使用 JavaScript。但这对我来说似乎很丑陋。

Kud*_*dos 8

你也可以做这样的事情。虽然display: inline-block应该足以消除空间。

a.foo {
  width : 30px;
  display:inline-block;
}
Run Code Online (Sandbox Code Playgroud)
click <a href="#" class="foo">here </a> to login.
Run Code Online (Sandbox Code Playgroud)

  • 你只需要确保“这里”这个词永远不会改变,并且无论用户字体大小偏好或字体系列如何,始终采用 30px (2认同)