Css居中（行内元素和块级元素）

水平居中：利用属性text-align:center; 且text-align只能作用于块级元素上，具有继承性；

                  行内元素：在最近的一层块级元素设置text-align:center即可；

                  块级元素：在该块级元素设置属性text-align:center;即可，在其父块级元素中设置也可以。


垂直居中：作用于行内元素和单元格，在块级元素上不起作用，因此如果使块级元素居中，需要先将块级元素转为行内元素或者单元格；

                  行内元素：设置父级元素高度确定设置line-height=height;line-height属性具有继承性；

                  块级元素：如下，

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,870评论 1赞 92
  • 如何实现元素的水平垂直居中
    收听音频,戳链接,旧号itclan已暂停使用,欢迎关注微信itclanCoder公众号可收听更多音频 前言 关于网...
    itclanCoder阅读 8,254评论 3赞 30
  • CSS
    一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css...
    KunMitnic阅读 1,004评论 0赞 1
  • 英语阅读之精读 vs. 泛读
    01 在英语学习过程中，英语阅读大体上可以分为两种：精读（intensive reading）和泛读（extens...
    Freedom_Pursuer阅读 7,997评论 0赞 4
  • 百合香
    活泼的，可爱的 同学们， 百合把花香给了他们。 知识渊博的 老师们， 百合把花交给了他们。...
    浩昊阅读 449评论 0赞 0