精华内容
参与话题
问答
  • 一、水平居中 1、行内元素 首先看它的父元素是不是块级元素,如果是,则直接给父元素设置text-align: center; <style> #father { width: 500px; height: 300px; background-color: skyblue; text-...

    一、水平居中

    1、行内元素

    首先看它的父元素是不是块级元素,如果是,则直接给父元素设置 text-align: center; 

    <style>
     #father {
         width: 500px;
         height: 300px;
         background-color: skyblue;
         text-align: center;
     }
    </style>
    
    <div id="father">
       <span id="son">我是行内元素</span>
    </div>

    如果不是,则先将其父元素设置为块级元素,再给父元素设置 text-align: center;

    <style>
    #father {
        display: block;
        width: 500px; 
        height: 300px;
        background-color: skyblue; 
        text-align: center; 
    }
    </style>
     
    <span id="father">
        <span id="son">我是行内元素</span>
    </span>

     效果:

    1

    2、块级元素

    方案一:(分宽度定不定两种情况)

    定宽度:需要谁居中,给其设置 margin: 0 auto; (作用:使盒子自己居中)

    <style>
        #father {
        width: 500px;
        height: 300px;
        background-color: skyblue;
    }
      
    #son { 
        width: 100px; 
        height: 100px; 
        background-color: green; 
        margin: 0 auto;
    }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>

    效果:

    2

    不定宽度:默认子元素的宽度和父元素一样,这时需要设置子元素为display: inline-block; 或 display: inline;即将其转换成行内块级/行内元素,给父元素设置 text-align: center; 

    <style>
    #father { 
        width: 500px; 
        height: 300px; 
        background-color: skyblue;
        text-align: center;
    }
      
    #son { 
        background-color: green; 
        display: inline; 
    } 
    </style>
     
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>

    效果:(将#son转换成行内元素,内容的高度撑起了#son的高度,设置高度无用)

     3

    方案二:使用定位属性

    首先设置父元素为相对定位,再设置子元素为绝对定位,设置子元素的left:50%,即让子元素的左上角水平居中;

    定宽度:设置绝对子元素的 margin-left: -元素宽度的一半px; 或者设置transform: translateX(-50%);

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            position: relative;
        }
     
        #son {
            width: 100px;
            height: 100px;
            background-color: green;
            position: absolute;
            left: 50%;
            margin-left: -50px;
        }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>
    

    不定宽度:利用css3新增属性transform: translateX(-50%);

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            position: relative;
        }
     
        #son {
            height: 100px;
            background-color: green;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>
    

    效果:

    4

     

    方案三:使用flexbox布局实现(宽度定不定都可以)

    使用flexbox布局,只需要给待处理的块状元素的父元素添加属性 display: flex; justify-content: center;

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            display: flex;
            justify-content: center;
        }
     
        #son {
            width: 100px;
            height: 100px;
            background-color: green;
        }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>
    

    效果:

    5

    二、垂直居中

    1、单行的行内元素

    只需要设置单行行内元素的"行高等于盒子的高"即可;

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
        }
     
        #son {
            background-color: green;
            height: 300px;
        }
    </style>
     
    <div id="father">
        <span id="son">我是单行的行内元素</span>
    </div>
    

    效果:

    6

    2、多行的行内元素

    使用给父元素设置display:table-cell;vertical-align: middle;属即可;

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            display: table-cell;
            vertical-align:middle;
        }
     
        #son {
            background-color: green;
        }
    </style>
     
    <div id="father">
        <span id="son">我是多行的行内元素我是多行的行内元素我是多行的行内元素我是多行的行内元素我是多行的行内元素我是多行的行内元素我是多行的行内元素我是多行的行内元素</span>
    </div>
    

    效果:

    7

     

     3、块级元素

    方案一:使用定位

    首先设置父元素为相对定位,再设置子元素为绝对定位,设置子元素的top: 50%,即让子元素的左上角垂直居中;

    定高度:设置绝对子元素的 margin-top: -元素高度的一半px; 或者设置transform: translateY(-50%);

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            position: relative;
    }
     
        #son {
            height: 100px;
            background-color: green;
            position: absolute;
            top: 50%;
            margin-top: -50px;
    }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>
    

    不定高度:利用css3新增属性transform: translateY(-50%);

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            position: relative;
    }
     
        #son {
            width: 100px;
            background-color: green;
            position: absolute;
            left: 50%;
            transform: translateY(-50%);
    }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>
    

    效果:

    8

    方案二:使用flexbox布局实现(高度定不定都可以)

    使用flexbox布局,只需要给待处理的块状元素的父元素添加属性 display: flex; align-items: center;

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            display: flex;
            align-items: center;
        }
     
        #son {
            width: 100px;
            height: 100px;
            background-color: green;
        }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>
    

    效果:

    9

     

    三、水平垂直居中

    1、已知高度和宽度的元素

    方案一:设置父元素为相对定位,给子元素设置绝对定位,top: 0; right: 0; bottom: 0; left: 0; margin: auto;

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            position: relative;
    }
     
        #son {
            width: 100px;
            height: 100px;
            background-color: green;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
    }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>
    

    效果:

    10

    方案二:设置父元素为相对定位,给子元素设置绝对定位,left: 50%; top: 50%; margin-left: --元素宽度的一半px; margin-top: --元素高度的一半px;

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            position: relative;
    }
     
        #son {
            width: 100px;
            height: 100px;
            background-color: green;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -50px;
            margin-top: -50px;
    }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>
    

    效果:

    11

     

    2、未知高度和宽度的元素

    方案一:使用定位属性

    设置父元素为相对定位,给子元素设置绝对定位,left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            position: relative;
    }
     
        #son {
            background-color: green;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
    }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>
    

    效果:

    12

    方案二:使用flex布局实现

    设置父元素为flex定位,justify-content: center; align-items: center;

    <style>
        #father {
            width: 500px;
            height: 300px;
            background-color: skyblue;
            display: flex;
            justify-content: center;
            align-items: center;
    }
     
        #son {
            background-color: green;
    }
    </style>
     
    <div id="father">
        <div id="son">我是块级元素</div>
    </div>
    

    效果:

    13

     

    展开全文
  • 水平居中的几种方法

    2018-06-04 19:34:28
    &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&...
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    </head>
    <style>
    /*方法一*/
    /*.box{
    width:300px;
    height:300px;
    border:1px solid #ff0;
    position:relative;
    }
    .box1{
    width:100px;
    height:100px;
    background: deepskyblue;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    margin:auto;
    }*/
    /*方法二*/
    /*.box{
    width:300px;
    height:300px;
    border:1px solid #ff0;
    position:relative;
    }
    .box1{
    width:100px;
    height:100px;
    background: deepskyblue;
    position:absolute;
    left:50%;
    margin-left:-50px;
    top:50%;
    margin-top: -50px;
    }*/
    /*方法三*/
    /*.box{
    width:300px;
    height:300px;
    border:1px solid #ff0;
    position:relative;
    }
    .box1{
    width:100px;
    height:100px;
    background: deepskyblue;
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    }*/
    /*方法四*/
    .box{
    width:300px;
    height:300px;
    border:1px solid #ff0;
    display:flex;
    justify-content: center;
    align-items: center;
    }
    .box1{
    width:100px;
    height:100px;
    background: deepskyblue;
    }
    </style>
    <body>
    <div class="box">
    <div class="box1"></div>
    </div>
    </body>
    </html>
    展开全文
  • css实现水平居中的几种方式

    万次阅读 多人点赞 2018-05-13 10:05:22
    本人博文原地址:css实现水平居中的几种方式 一、对于行内元素: text-align:center; 二、对于确定宽度的块级元素: (1)margin和width实现水平居中 常用(前提:已设置width值):margin-left:auto; margin...

    本人博文原地址:css实现水平居中的几种方式

    一、对于行内元素

    text-align:center;

    二、对于确定宽度块级元素:

    (1)margin和width实现水平居中

    常用(前提:已设置width值):margin-left:auto; margin-right:auto;

    (2)绝对定位和margin-left: -(宽度值/2)实现水平居中

    固定宽度块级元素水平居中,通过使用绝对定位,以及设置元素margin-left为其宽度的一半

    .content{

    width: 200px;

    position: absolute;

    left: 50%;

    margin-left: -100px; // 该元素宽度的一半,即100px

    background-color: aqua;

    }

    (3)position:absolute + (left=0+top=0+right=0+bottom=0) + margin:auto

    .content{

    position: absolute;

    width: 200px;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    }

    三、对于未知宽度块级元素:

    (1)table标签配合margin左右auto实现水平居中

    使用table标签(或直接将块级元素设值为display:table),再通过给该标签添加左右margin为auto

    (2)inline-block实现水平居中方法

    display:inline-block;(或display:inline)和text-align:center;实现水平居中

    存在问题:需额外处理inline-block的浏览器兼容性(解决inline-block元素的空白间距

    (3)绝对定位实现水平居中

    • 绝对定位+transform,translateX可以移动本省元素的50%

    .content{

    position: absolute;

    left: 50%;

    transform: translateX(-50%); /* 移动元素本身50% */

    background: aqua;

    }

    (4)相对定位实现水平居中

    • 用float或者display把父元素变成行内块状元素

    .contentParent{

    display: inline-block; /* 把父元素转化为行内块状元素 */

    /*float: left; 把父元素转化为行内块状元素 */

    position: relative;

    left: 50%;

    }

    /*目标元素*/

    .content{

    position: relative;

    right: 50%;

    background-color:aqua;

    }

    (5)CSS3的flex实现水平居中方法,法一

    .contentParent{

    display: flex;

    flex-direction: column;

    }

    .content{

    align-self:center;

    }

    (6)CSS3的flex实现水平居中方法,法二

    .contentParent{

    display: flex;

    }

    .content{

    margin: auto;

    }

    (7)CSS3的fit-content配合左右margin为auto实现水平居中方法

    .content{

    width: fit-content;

    margin-left: auto;

    margin-right: auto;

    }

    参考文章:

    https://www.w3cplus.com/css/elements-horizontally-center-with-css.html

    http://blog.sina.com.cn/s/blog_c112a2980102xt3y.html

    展开全文
  • 前言:元素一般分为 块级元素 和 行内元素 ...水平对齐: 1.行内元素 · 给当前元素的父级元素设置text-align:center 代码: .box{ text-align: center; /* 此处父元素没有宽度和高度 宽度默认...

    前言:元素一般分为 块级元素 和 行内元素   

    块级元素可以设置高度,宽度,行内元素则不能,如果非要给行内元素设置宽高,只需要将 display 属性设置为  inline-block 即可

    一.水平对齐:

    1.行内元素 

    · 给当前元素的父级元素设置 text-align:center

    代码:

    
            .box{
                text-align: center;
                /* 此处父元素没有宽度和高度 
                   宽度默认为浏览器的可视宽度
                   高度默认为0, 此处是 p标签内容 撑出来的高度 */
            }
            .text{}
    <div class="box">
            <p class="text">我是一段文字</p>
    </div>

    展示:

    2.块级元素

    · 该块级元素有固定的宽度 ,给该元素设置  margin : 0  auto

    代码

    .box{
                width: 200px;
                margin: 0 auto;
                /* 此处的 0 可以为任意的尺寸 */
                background-color: red;
                /* 为了方便大家看该元素的位置,此处加了背景颜色 */
            }
    <body>
        <div class="box">
            我是块级元素
        </div>
    </body>
    

    展示:

    拓展:如果需要多个 块级元素 居中对齐呢?

    • 方法一:

    代码:

     
            .box{
                margin: 0 auto;
                width: 325px;
            }
            .box_one{
                background-color: red;
            }
            .box_two{
                background-color: blue;
            }
            .box_three{
                background-color: greenyellow;
            }
            .box_one,
            .box_two,
            .box_three{
                display: inline-block;
            }
    <body>
        <!-- 此处我们的多元素 被父元素包裹, 给父元素居中属性,子元素是不是也就居中了呢 -->
        <div class="box">
            <div class="box_one">
                我是块级元素1
            </div>
            <div class="box_two">
                我是块级元素2
            </div>
            <div class="box_three">
                我是块级元素3
            </div>
        </div>
    </body>

    展示:

    • 方法二(flex 布局):

    还不了解flex布局的朋友可以看看这篇 :flex布局看这一篇就够了

    代码:

    
            .box{
              display: flex;
              flex-direction: row;
              justify-content: center;
            }
            .box_one{
                background-color: red;
            }
            .box_two{
                background-color: blue;
            }
            .box_three{
                background-color: greenyellow;
            }
            .box_one,
            .box_two,
            .box_three{
            }
    
    <body>
        <div class="box">
            <div class="box_one">
                我是块级元素1
            </div>
            <div class="box_two">
                我是块级元素2
            </div>
            <div class="box_three">
                我是块级元素3
            </div>
        </div>
    </body>

    展示:

    二.垂直居中:

    为了方便演示,此处的垂直居中,均在 div 盒模型中演示 

    1-1.行内元素(单行)

    ·line-height 属性 设置的高度和父元素的高度相同即可

    代码:

    
            *{
                padding: 0;
                margin: 0;
            }
            .box{
                background-color: red;
                width: 10vw;
                height: 100px;
            }
            p{
                color: white;
                line-height: 100px;
            }
    <body>
        <div class="box">
            <p>我是一行文字</p>
        </div>
    </body>

    展示:

    1-2.行内元素(多行)

    此处推荐使用flex布局

    代码:

    
            *{
                padding: 0;
                margin: 0;
            }
            .box{
                background-color: black;
                width: 10vw;
                height: 100px;
                display: flex;
                flex-direction:column;
                justify-content: center;
            }
            p{
                color: white;
            }
    
    <body>
        <div class="box">
            <p>我是一行文字</p>
            <p>我是一行文字</p>
            <p>我是一行文字</p>
        </div>
    </body>

    展示:

     

    2-1.块级元素(单个)

    要不要尝试一下使用定位属性实现呢

    代码:

    .box{
                background-color: black;
                width: 300px;
                height: 300px;
                position: relative;
            }
    .box_son{
                width: 50px;
                height: 50px;
                background-color: white;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
            }
    <body>
        <div class="box">
            <div class="box_son">
            </div>
        </div>
    </body>

    展示:

     

    2-2.块级元素(多个)

    如果有多个块级元素呢?那我还是推荐 flex布局哈,大家都可以试试,我这个就不浪费大家时间了,下面来总结一下,在现实生活中,其实水平居中和垂直居中是相辅相成的,下面给大家使用flex布局给大家展示一下

    3.综合展示

    3-1.块级

     .box{
                background-color: black;
                width: 300px;
                height: 300px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .box_son{
                width: 50px;
                height: 50px;
                background-color: white;
    }
    <body>
        <div class="box">
            <div class="box_son"></div>
        </div>
    </body>

    3-2.行内元素

    .box{
                background-color: black;
                width: 300px;
                height: 300px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            p{
                color: white;
    }
    <body>
        <div class="box">
           <p>我是文字</p>
        </div>
    </body>

     

    3-3.行内元素(多个)

     .box{
                background-color: black;
                width: 300px;
                height: 300px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            p{
                color: white;
            }
    <body>
        <div class="box">
           <p>收藏!</p>
           <p>点赞!</p>
           <p>关注啊!</p>
        </div>
    </body>

     

     

     

    欢迎关注我的公众号:码上学习鸭

    展开全文
  • 图片水平居中

    千次阅读 2018-10-30 14:39:09
    需要img在div中水平居中,垂直居中可用以下代码: &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;...
  • span标签水平居中

    千次阅读 2019-03-12 19:46:44
    span设置display:block,让span形成块独占一行 显示内容 必须加display:block,否则不能居中
  • CSS水平居中+垂直居中+水平/垂直居中的方法总结

    万次阅读 多人点赞 2018-09-02 19:28:12
    水平居中  行内元素  块级元素 方案一:(分宽度定不定两种情况) 方案二:使用定位属性 方案三:使用flexbox布局实现(宽度定不定都可以) 垂直居中 单行的行内元素 多行的行内元素  块级元素 水平垂直...
  • 水平居中的六种方式

    2019-07-18 08:53:35
    用CSS样式来让图片或者盒子居中显示 效果图: html: <div class="parent"> <div class="child">... text-align: center实现CSS水平居中。 .parent{ width: 600px; height: 2...
  • 水平居中 方法一:在父容器上定义固定宽度,margin值设成auto &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;...
  • 水平垂直居中,特别是使用在... 水平居中,如果知道元素的宽度,则可以使用 .cell{width:300px; margin:0 auto; text-align:center;}如果是内联元素居中,那么直接用text-align:center则行 如果未知元素宽度,并且非内
  • 【让div在屏幕中居中(水平居中+垂直居中)的几种方法】 水平居中方法: 1.inline,inline-block元素的水平居中,在父级块级元素中设置text-align:center; 2.确定宽度的块级元素水平居中方法 margin:0 auto; 绝对...
  • 水平居中直接加上&amp;lt;center&amp;gt;标签即可,或者设置margin:auto;当然也可以用下面的方法下面说两种在屏幕正中(水平居中+垂直居中)的方法 放上示范的html代码:&amp;lt;body&amp;gt; &...
  • 零、问题列表采用CSS水平、...- 为什么有时候text-align:center可以实现水平居中有时候却不行? - 什么时候用text-align:center,什么时候用margin-right:auto和margin-left:auto - 宽度确定和不确定的元素水平居中
  • 我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS: .Absolute-Center { margin: auto; position: absolute; top: 0; left...
  • 居中总体来说可以分为水平居中还有垂直居中,顾名思义,定义这里就不解释了!首先,我们来看下垂直居中:(1)、如果是单行文本,则可以设置的line-height的数值,让其等于父级元素的高度!&lt;!DOCTYPE ...
  • 前言:在网页布局中,经常遇到需要使元素居中对齐的时候,居中对齐的方式有:水平居中、垂直居中和水平垂直居中。这次,借此回顾总结一下,并在此记录下相关内容。 一、水平居中:  (1)行内元素的水平居中  ...
  • 6种方法实现css布局水平居中

    千次阅读 2019-07-02 10:58:05
    说到常见css布局,面试时经常也会考考大家,看对css知识掌握的咋样,对css盒模型理解没,比如会问css布局水平居中的方法或者css布局垂直居中的方法等,今天分享常见css布局水平居中的6种方法。 方法一:margin + ...
  • 网上有很多关于Flex的教程,对于Flex的叫法也...元素居中,相信作为前端工程师的你肯定会经常用到,不管是在水平方向居中,还是垂直方向居中,都可在你的职业生涯中徘徊。不过很多时候要实现垂直居中,还是比较麻烦的。
  • css img 居中/水平居中/垂直居中

    千次阅读 2016-12-26 19:45:07
    这是一个很简单的问题 , 也是一个很蛋疼的问题:以下是html代码 这是图片文字提示" src="./bg.png"> 以下是css代码:.img_center{ display:flex; justify-content:center; align-items:center;
  • css图片居中分css图片水平居中和垂直居中两种情况,有时候还需要图片同时水平垂直居中。  css图片水平居中 1.利用margin: 0 auto实现图片水平居中 利用margin: 0 auto实现图片居中就是在图片上加上css...
  • css水平居中、垂直居中、水平垂直居中的方法及代码 一、水平居中 (1)行内元素 行内元素包括文本,图片,p标签等。可以通过设置父元素的text-align=center。 .center{ text-align: center; } <div class=...
  • css flex水平居中,居中显示

    千次阅读 2019-08-14 17:27:00
    .head-title{ display: flex; justify-content:center; align-items:center; height:60px; } 开发过程中记录下居中实现 高度:必须
  • CSS居中小结

    千次阅读 2015-07-27 14:01:10
    首先是水平居中,最简单的办法当然就是margin:0 auto;也就是将margin-left和margin-right属性设置为auto,从而达到水平居中的效果。那么其他的办法呢?容我一一道来:line-height首先介绍文字的水平居中方法:刘放...
  • css3水平居中垂直居中

    2018-05-23 10:33:10
    css3水平居中垂直居中
  • 1.0文本居中 1.1文本水平居中 //html <body> <div> <p>123</p> <p>456</p> </div> </body> //css <style> div{ width: 4...
  • CSS:table水平居中

    千次阅读 2019-03-22 17:20:42
    给 table 添加 margin:0px auto; 的css样式 <style> #tab1{ margin:0px auto; } </style>
  • 最近,在用CSS+DIV做一个静态网页,做完了才发现所有的页面在不同的机器上显示很是有问题,没有进行水平居中和垂直居中,并且宽屏下,两边留白太难看。可是要是修改所有的html页面,可是有700多个~~,还好当时做html...
  • 参考CSS各种居中设置 第一种方式是设置display: block;,然后设置 margin: 0px auto; 第二种方式是设置display: inline-block;,然后设置text-align: center;
  • 方案一:使用inline-block+text-align(1)原理:先将子框由块级元素改变为行内块元素,在通过设置行内块元素居中以达到水平居中。(2)用法:对子框设置display:inline-block;对父框设置text-align:center;(3)示例:(4)...
  • CSS 元素垂直居中的 6种方法

    万次阅读 多人点赞 2012-05-30 09:56:06
    转自:http://blog.zhourunsheng.com/2012/03/css-%E5%85%83%E7%B4%A0%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD%E7%9A%84-6%E7%A7%8D%E6%96%B9%E6%B3%95/利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的...

空空如也

1 2 3 4 5 ... 20
收藏数 152,335
精华内容 60,934
关键字:

水平居中