问答详情
源自:15-1 水平居中设置-行内元素

父元素和水平居中

在第一个span标签里面加一个第二个span标签,然后为第一个span标签设置水平居中。页面显示没效果,难道第一个span标签不是第二个span标签的父元素吗?

提问者:慕粉1606461256 2017-03-24 11:11

个回答

  • 风傲天
    2017-03-24 11:43:11
    已采纳

    div一般应用与排版,而span一般是里面的文字的展示优化,局部文字的样式等等效果

    总的来说能实现功能用什么都行.

  • 风傲天
    2017-03-24 11:41:33

    <!DOCTYPE html>

    <html>

    <head>

    <style>

    #te{

    width: 100px;

    height: 100px;

    display:block;

    background:yellow;

    }

    #tes{

    text-align:center;

    margin-left:auto;

    margin-right:auto;

    display:block;

    line-height:90px;

    font-size:20px;

    }

    div{

    width:100px;

    height:100px;

    background:red;

    text-align:center;

    margin-left:center;

    margin-right:center;

    line-height:90px;

    font-size:20px;

    }

    </style>

    </head>


    <body>

    <span id="te">

    <span id="tes">hello</span>

    </span>

    <div>welcome</div>

    </body>

    </html>



  • 慕粉1606461256
    2017-03-24 11:35:12

    我的理解是:span是个行内标签,长宽和大小是用内容冲开的,不能设置,所以不存在span标签居中,这么理解对吗?

  • 风傲天
    2017-03-24 11:32:12

    层级一样?