1、table方法
第一步:为需要设置的居中的元素外面加入一个 table 标签 ( 包括 <tbody>、<tr>、<td> )。
第二步:为这个 table 设置“左右 margin 居中”(这个和定宽块状元素的方法一样)。
2、display:inline方法
改变块级元素的 dispaly 为 inline 类型,然后使用 text-align:center 来实现居中效果。
style>.container{text-align:center;}.container ul{list-style:none;display:inline;}.container li{display:inline;}
3、float方法
通过给父元素设置 float,然后给父元素设置 position:relative 和 left:50%,子元素设置 position:relative 和 left:-50% 来实现水平居中。