flex的Chrome显示问题

Question

我使用display：flex， 我正在使用ul元素列表。不知道为什么我得到2个不同的结果： chrome的问题： Browsers_Pic 这就是我想要做的事情： http://jsfiddle.net/0fbdgfcq/26/

<cfdocument format="PDF" saveAsName="test_#dateFormat(now(),'yyyymmdd')#T#timeFormat(now(),'hhmmss')#.pdf">
   <cfdocumentitem type="header">HEADER</cfdocumentitem>
   <cfdocumentsection>
       BODY
   </cfdocumentsection>
   <cfdocumentitem type="footer">
       #cfdocument.currentpagenumber# / #cfdocument.totalpagecount#
   </cfdocumentitem>
</cfdocument>

Answer 1

副手我会说问题是你申请的width:15%，它覆盖了列表项的弯曲。

尝试

.g li {
    flex: 1 0 15%;
}

JSfiddle

Answer 2

尝试添加以下内容：

ul {
   Position: relative;
 }

   .g p { 
   Position: relative
  } 

这是为了防止你的段落溢出。

这可能会解决问题。

如果没有，请尝试将其添加到li。