css - inline-block元素水平居中
  YQBUvtbFE7rq 2023年11月02日 49 0

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之间会出现空白,是因为文本节点元素导致的

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
YQBUvtbFE7rq