【问题标题】:Chrome adds spaces to <p> tag when using <span>Chrome 在使用 <span> 时向 <p> 标签添加空格
【发布时间】:2018-12-05 07:55:09
【问题描述】:

我想知道为什么 Chrome 会在 &lt;p&gt; xxx &lt;span&gt;&lt;/span&gt;&lt;/p&gt; 标签中保留空格字符。 Firefox 没有添加它。

代码示例: https://jsfiddle.net/8m1v9fyb/1/(检查 Firefox 和 Chrome)

【问题讨论】:

  • 也许是 CSS?你可以点击&lt;&gt;并发布minimal reproducible example
  • 您的样式肯定不会太脆弱以至于额外的空间会破坏它吗?如果是这样,你可能想重新考虑你是怎么做的

标签: html css google-chrome firefox cross-browser


【解决方案1】:

您的源文件看起来如何?你里面有空格吗?如果你把它写在一行中,没有空格,它可能会解决你的问题。

<p>Zablokowana<span></span></p>

【讨论】:

  • 就是这样,但是为什么 Firefox 会以不同的方式解析它,以及如何让它在每个浏览器中都一样(没有空格)?
  • 如果你去掉多余的空格,你应该没问题。问题是,Chrome 将一些制表符和换行符作为额外的空格。因此,当您想显示某些内容并且在每个浏览器中都应该没问题时,请尽量避免使用它们。
  • 导致代码写在一行中。我找到了解决方案:添加 CSS 样式 p { white-space: nowrap; } 有帮助。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-09-21
  • 2012-11-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多