как заменить отображение: содержимое в браузере Edge

Question

Итак, у меня есть таблица со строками, где высота строки намного больше, чем должна быть. В любом браузере, кроме Edge, я могу решить проблему с отображением: содержимым, но в Microsoft Edge, который в настоящее время не поддерживает эту функцию, мне нужно найти альтернативу. Может кто-нибудь указать мне правильное направление?

Answer 1

Эта функция еще не реализована в браузере Edge и IE. В основном есть два способа разорвать flex-row

1) Разрыв страницы (работает только в Mozilla)

2) дисплей: содержимое; (работает только в Mozilla, Chrome).

Так что, если вы знаете количество строк и имеете несколько экземпляров для разбивки, можете использовать display: block и inline, чтобы получить требуемый результат. Но в динамически повторяющихся рядах и количестве доступных плиток невозможно сломать гибкую коробку. Просьба сообщить браузер Edge для реализации отображения: содержание. https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/10938981-implement-the-box-generation-keywords-from-css-dis что очень важно и упущено.

Answer 2

Я пытаюсь проверить ваш код в Edge и проверить результат. Я внес изменения в строку ниже и установил «высота: 30 пикселей» вместо 300 пикселей.

  <tbody data-link="row" class="rowlink" style="overflow-y: auto; overflow-x: hidden; height: 30px; display: contents;">

Теперь он правильно отображает строки во всех основных браузерах, включая Edge.

Ниже приведен результат тестирования с Edge.

Нажмите здесь, чтобы увидеть изображение

Я думаю, что это может быть самой простой альтернативой для правильного отображения вывода в Edge.

Привет

Дипак