CSS3 Flexbox가 Webkit에서 실패 함 (Chrome 및 Safari)

Question

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

Chrome의 검사기에서 div "navbox"의 flexbox 속성 옆에 노란색 경고 아이콘이 표시됩니다. 불행하게도 구글은 노란색 아이콘에 대한 툴팁이나 설명을 가지고 있지 않기 때문에 왜 내 디스플레이 : 박스 속성을 거부하는지에 대한 추측을 남기고있다. 여기서 뭐가 잘못 됐니?

Answer 1

공급 업체 프리픽스를 추가하십시오.

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

BTW, img 요소에는 닫는 태그가 없습니다.