源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  css inline-block 水平居中

css inline-block 水平居中

分类: 文章 • 2024-07-23 09:49:58

css inline-block 水平居中

给父元素添加text-align: center即可。

    body {
        text-align: center;
        background-color: black;
    }

    #outer {
        margin: 10px auto;
        background-color: white;
        border-radius: 10px;
        padding: 5px;
        display: inline-block;
        vertical-align:middle;
    }

css inline-block 水平居中

posted @ 2018-11-14 22:04 Ruoh3kou 阅读(...) 评论(...) 编辑 收藏

相关推荐

  • 前端秘籍,看程序员如何用九个招式,搞定css水平居中
  • 你想要的CSS居中方法大全
  • CSS3记录 -transform(-50%,-50%)为什么会跟定位一起使用,会有居中的作用!
  • 通过JavaScript和CSS使Table居中显示
  • 转载-CSS导航菜单水平居中实例
  • css background-position结合disaply:inline-block使用
  • css_行元素和块元素_字体居中_下划线_首行缩进_块显示_鼠标指针光标样式_行高
  • css 实现单行居中,多行居左省略
  • 房子装修工程师CSS(四)之常见水平居中实现方式
  • css设置几个div中的图片保持在一条水平线上
  • H5笔记07_CSS3新的颜色表示
  • HTML5你最易出错的多媒体标签(2)
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号