css,如何让span中的两个span垂直居中排列。。。

发布网友发布时间：2022-05-13 08:25

共1个回答

热心网友时间：2022-05-13 09:54

span元素内是不应该嵌套span元素的。这是错误的写法。请使用div等块级元素嵌套
实际上你要是把这三个span换成div的话，至少文字方面的排版问题就解决了。位置问题可以用margin和float来调整追问改了，但我还是不会，帮我改改CSS。

待处理
99

今天99

追答<style>
        * {
            border: 1px solid red;  /*这个样式是为了方便观看效果，可以删除*/
        }
       .spanGongDanFenLei{
            width:200px;
            margin: 0 auto;
            text-align: center;
            height:300px;
        }
        .spanGongDanFenLeiTongji{
            margin-top: 100px;
        }
    </style>

一种垂直居中的方法就是先把外部div的高度确定，然后减去内部元素的高度除以2，得到的值设为里面元素的margin-top。这样就可以垂直居中了。

因为span是内联元素，所以margin的top和bottom没有效果，必须换成类似div的块级元素。