CSS实现垂直居中的几种方案_html/css_WEB-ITnose

最近在学关系型数据库相关，MySQL 和 Postgre,捎带着学了 PHP，为了练手这几天就忙着自己搭博客，项目部署在某云上，该云算是良心，给的空间自己搭博客用足够了。本来想着每日一bo的,所以有的时候实在来不及就只能隔天更新了。以后尽量发点东西出来，等博客搭完写一写 SQL 数据库基础相关的分享，给跟我一样的小白道友们做下参考，大神请直接无视~

说到居中，很多人第一反应应该是水平居中，说到水平居中，肯定道友们有一万种方法做到，CSS3 的FlexBox更是强大到没朋友。但是良辰今天想聊的是 CSS 垂直居中的方法，下面是萌萌的分割线。神马？你敢说不萌？

方式一 ：table 布局方法 直接上?：

 
 
 
     
     Title 
 
 
 
    .container{
        width: 200px;
        height: 200px;
        font-weight:bold;">deepskyblue;
        display: table;
    }
    .cell{
        display: table-cell;
        vertical-align: middle;
        font-weight:bold;">lawngreen;
    }
    .content{
        font-weight:bold;">yellow;
    }
 
    

        

            

                Content


      
查看更多关于CSS实现垂直居中的几种方案_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did112534