HTML: 关于布局水平居中

一.text-align:center;

给父级设置text-align:center。这个属于内容文本居中,可以设置 left, center, right 。img为内容也有效

二.margin: 0 auto;

给子级设置,不过子级必须为block块级元素且width宽度小于父级才有效

三.display:flex;

给父级设置,display: flex;  justify-content: center;  样式即可,这样他的子级自动变为block 块级元素

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 3,514评论 0 6
  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 4,627评论 0 26
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 1,509评论 0 5
  • 第八区,现议员是Evan Woolley,从市议会投票记录来看,他是Nenshi的同盟,不推荐。 八区推荐Chri...
    Wevote阅读 343评论 0 0