<html> <head> <Meta charset="utf-8"> <Meta name="viewport" content="width=device-width"> <title>test</title> <style media="screen"> .tab-head{ list-style-type: none; display:-webkit-Box; display:-webkit-flex; display:-ms-flexBox; display:flex; -webkit-flex-wrap:Nowrap; -ms-flex-wrap:Nowrap; flex-wrap:Nowrap; -webkit-Box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; background:#FF4878; padding:0; overflow:auto; } .tab-head-item{ -webkit-Box-flex:1; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; color:white; padding:0 5px; } </style> </head> <body> <ul class="tab-head"> <li class="tab-head-item">兴趣爱好</li> <li class="tab-head-item">兴趣爱好</li> <li class="tab-head-item">兴趣爱好</li> <li class="tab-head-item">兴趣爱好</li> <li class="tab-head-item">兴趣爱好</li> <li class="tab-head-item">兴趣爱好</li> <li class="tab-head-item">兴趣爱好</li> <li class="tab-head-item">兴趣爱好</li> <li class="tab-head-item">兴趣爱好</li> <li class="tab-head-item">兴趣爱好</li> <li class="tab-head-item">兴趣爱好</li> </ul> </body> </html>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
