我正在尝试从指令呈现的DOM元素样式,如下所示:
<div>
<p>
text 1
<a>text</a>
text 2
<p>
</div>
在所有浏览器中,它都按预期查看,如下所示:
text 1 text text 2
除了在IE11
中,它呈现如下:
text 1
text
text 2
我尝试向锚元素添加display:inline
规则,但它不起作用,但是当我用<div>
切换<p>
元素时,它按预期工作,但实际上我无法更改指令的内容,所以我能做些什么来解决这个问题。
这可能是因为内联或内联块触发哈希布局,
您是否尝试过使用 Zoom:1; ?
您的代码看起来有点像这样:
<div style="display: inline-block; width: 70px; display:inline; zoom:1;">
<p>
text 1
<a>text</a>
text 2
</p>
</div>
也许将样式应用于<p>
,因为这可能会起作用
我希望这有所帮助