父元素和水平居中

来源:15-1 水平居中设置-行内元素

慕粉1606461256

2017-03-24 11:11

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

写回答 关注

4回答

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

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

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

    慕粉1606...

    说白了,就是用块状元素居中,

    2017-03-24 12:15:20

    共 4 条回复 >

  • 风傲天
    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

    层级一样?

    慕粉1606...

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

    2017-03-24 11:35:39

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题