ul {

text-align:center;

}

方法太多了..
說個(gè)簡單的 li 轉(zhuǎn)成 display:inline-block. ul直接使用text-aling:center;

ul {
   margin: 20px auto;
   text-align:center;
 }
li {
  list-style: none;
  display:inline-block;
  background: #72b890;
  margin: 10px;
  padding: 5px 8px;
  border-radius: 3px;
  cursor: pointer;
}

把li浮動(dòng)改成display:inline-block; 然后設(shè)置ultext-align:center;