Сбой CSS3 Flexbox в Webkit (Chrome и Safari) - PullRequest
Новая
       32

Сбой CSS3 Flexbox в Webkit (Chrome и Safari)

1 голос
/ 16 октября 2011 
<nav>
 <div id="navbox" style="display: box; box-orient: horizontal;">
 <img src="../gfx/lg_logo.png"></img>
  <div>tagline</div>
  </div>
 </nav>

В инспекторе Chrome свойства flexbox для div "navbox" перечеркнуты желтым значком предупреждения рядом с ним.К сожалению, у Google нет какой-либо подсказки или объяснения для его желтых значков, поэтому мне остается только догадываться, почему он отклонил мое свойство display: box.Что здесь не так?

1 Ответ

3 голосов
/ 16 октября 2011

Попробуйте добавить префиксы поставщиков. 

<nav>
 <div id="navbox" style="display: -webkit-box; -webkit-box-orient: horizontal;">
 <img src="../gfx/lg_logo.png" />
  <div>tagline</div>
  </div>
 </nav>

Кстати, img элемент не имеет закрывающего тега.

...