Microsoft Edge CSS text-align

Question

Это только я или есть довольно раздражающая ошибка в браузере Windows 10 Edge?

Я только что понял, что выравнивание текста не работает должным образом в 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 и H3 (заголовок), где ширина намного меньше, чем ширина родительского DIV, чтобы привести в соответствие с слева, работает во всех браузерах, но в Edge все содержимое H3 растягивается в соответствии с шириной родителя, делая расстояние между буквами очень большим.

Я провел некоторое тестирование на нем, похоже, что это только странное поведение на некоторых элементах html: заголовки (h1,h2,h3), span и div. Если вместо заголовка я использую абзац <p>, он отображается как ожидалось.

Временная ссылка видна here Я скоро создаю скрипач и обновлю ссылку для дальнейшего использования.

Я правильно говорю, что это ошибка в новом браузере, выпущенном Microsoft?

Answer 1

Моя собственная глупость.

Я возглавляю унаследованную собственность: text-justify: distribute-all-lines, которую я опустил. Основываясь на определении свойства, это заставит последнюю строку текста растягиваться до ширины родителя. IE 9,10,11 применил его только в том случае, если текст имел несколько строк, но выглядит так, что Edge применяет его к последней строке, независимо от того, является ли последняя строка первой и единственной строкой в ​​одно и то же время.

Повторное чтение MSDN documentation Я должен согласиться с поведением Edge, но тогда возникает вопрос, почему он отличается от IE 9,10,11?

Не обращайте внимания на еще одну причуду Microsoft.

Закрытие вопроса.