css - inline-block元素水平居中

inline-block使用margin:0 auto失效,因为确定了宽度.

.content-wrapper{
    text-align: center;
    font-size: 0;            // 兼容chrome
    letter-spacing: -4px;    // 兼容safari,可能根据不同字体字号做一定的调整
    word-spacing: -4px;
}
.content-wrapper ul li{
    display: inline-block;
    *display: inline;
    *zoom:1;
    border: 1px black solid;
    font-size: 16px;
}

注:

li之间会出现空白,是因为文本节点元素导致的