html - Microsoft Edge CSS 文本对齐

Question

Windows 10 Edge 浏览器中只有我一个人的问题还是有一个非常烦人的错误？

我刚刚意识到 text-align 在 Edge 中没有按预期工作。

我有

<div style='text-align:justify;'>
<h3> This is a short text </h3>
<div class='small_box'>some content </div>
<div class='small_box'>some content </div>
<div class='small_box'>some content </div>
etc...
<div class='small_box'>some content </div>
</div>

这通常会产生使子 div 在父 div 内对齐，并且宽度远低于父 div 宽度的 H3(标题)要左对齐，适用于所有浏览器，但在边缘，H3 的整个内容被拉伸(stretch)以匹配父级的宽度，使得字母之间的距离非常大。

我做了一些测试，看起来它只在某些 html 元素上有这种奇怪的行为:标题(h1,h2,h3)，span和 div .如果我使用段落 <p> 而不是标题然后它按预期显示。

临时链接可见here我很快也会创建一个 fiddler 并更新链接以供将来引用。

我说这是 Microsoft 发布的新浏览器中的错误是否正确？

Answer 1

我自己的愚蠢。

我继承了一个属性:text-justify: distribute-all-lines 我已经省略了。根据属性的定义，这将使文本的最后一行被拉伸(stretch)到父级的宽度。 IE 9、10、11 仅在文本有多行时才应用它，但看起来 Edge 将它应用到最后一行，无论最后一行是否同时是第一行也是唯一一行。

重读MSDN documentation我必须同意 Edge 的行为，但这又提出了一个问题，为什么它在 IE 9、10、11 中有所不同？

别介意微软的另一个怪癖。

结束问题。