2016-05-20 3 views
1

На моей домашней странице и в нескольких других браузерах Internet Explorer и Edge размещают мой . ссылки рядом с таблицами, использующими значение display: block. Таблица и ссылки находятся в отдельном div с. Кажется, браузеры Microsoft запутывают block с inline-block.Internet Explorer и Edge Blocking Block in Inline-Block

У кого-нибудь была эта проблема? Существуют ли альтернативы, которые работают в IE и Edge?

http://tenbooksamonth.com/

ответ

0

Из того, что я могу видеть такое поведение некоторые-как вызванное word-wrap собственности в вас responsive.css файл. Если вы отключите его, сайт выглядит отлично.

Перед Before image

После After image

P.S. Не уверен, что такое реальные режимы отображения для div, поскольку они расположены через некоторую структуру сетки.

+0

Кажется, что ваше решение будет работать. Я проверил ваши предложения с помощью инструментов разработчика в Edge и снял флажок, который работал там, но когда он применяется к файлу css, это ничего не меняет. Единственное, что до сих пор имело эффект, - это удаление экрана: block, который создает всевозможные другие проблемы. – Sera

+0

Можете ли вы опубликовать скриншот, как выглядят результаты после того, как вы применили изменения в файле css? Можете ли вы проверить devtools, что свойство «word-wrap» отсутствует? (например, css-файлы являются новыми, а не кэшированными). – Konstantin

+0

Я обновил свой пост. После того, как вы внесли изменения в файл css, теперь он по-прежнему нравится «раньше» или «после» или что-то еще? – Konstantin