<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>弹性盒子15</title> <link href="css/font-awesome.min.css" rel="stylesheet" /> <style> *{ margin: 0; padding: 0; } li{ list-style: none; text-align: center; } a{ text-decoration: none; color: #000; } ul{ 100%; height: 50px; background: #f4f4f4; display: flex; display: -webkit-flex; align-items: center; justify-content: space-around; } </style> </head> <body> <ul> <li><a href=""><span>首页</span></a></li> <li><a href=""><span>发现</span></a></li> <li><a href=""><span>分类</span></a></li> <li><a href=""><span>购物车</span></a></li> <li><a href=""><span>我的</span></a></li> </ul> </body> </html>