如何在IE11中的錨元素中禁用換行符

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元素，但是它沒有用，但是當我用<div>切換<p>元素時，它按預期工作，但實際上我無法更改指令的內容，因此我可以做些什么來解決此問題。

Answer 1

這可能是因為內聯或內聯塊觸發哈希布局，

您是否嘗試過使用zoom：1; ？

您的代碼看起來像這樣：

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

也許將樣式應用於<p>因為這可能有效

希望這對您有所幫助