<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .testParent{ display: -webkit-flex; display: flex; } ul.testParent li{ padding: 20px; border: 1px #000000 solid; width: 100%; -moz-box-flex: 1; -webkit-box-flex: 1; } </style> </head> <body> <ul class="testParent"> <li>111111111111111111</li> <li>22222222222222222222222222222222</li> <li>33333333333</li> </ul> </body> </html>
原文：http://www.cnblogs.com/lily1010/p/5404358.html