html - 如何在 IE11 中禁用 anchor 元素中的换行符

Question

我正在尝试设置从如下指令呈现的 DOM 元素的样式:

<div>
 <p>
 text 1 
  <a>text</a>
 text 2
 <p>
</div>

在所有浏览器中，它都按预期方式显示:

text 1 text text 2

IE 除外 11如下所示:

text 1
text
text 2

我尝试添加 display:inline规则到 anchor 元素，但它不起作用，但是当我切换 <p> 时带有 <div> 的元素它按预期工作，但实际上我无法更改指令的内容，所以我能做些什么来解决这个问题。

Answer 1

这可能是因为内联或内联 block 触发哈希布局，

你有没有试过使用 zoom:1; ？

你的代码看起来有点像这样:

<div style="display: inline-block; width: 70px; display:inline; zoom:1;">
 <p>
 text 1 
  <a>text</a>
 text 2
 </p>
</div>

也许将样式应用于 <p>因为那可能有用

希望对你有帮助