请问老师这些问题

来源：4-3 编程练习

hy_wang

2017-11-28 17:37:44

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
           div{
               background:#eee;
               font-size:2em;
               line-height:5em;
               text-align:center;
               }
             .one{font-size:2em;}
           .two{
               color:red;
               text-decoration:underline;
               text-transform:Capitalize;
               vertical-align:15px;
           }
        </style>
    </head>
    <body>
         <div>
             <span>
                 <img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"/>
             </span>
             <span class="one">
                 CSS层叠样式表
            </span>
            <span class="two">
                Casading style sheets
            </span>
         </div>
    </body>
</html>
请问老师如何将这段代码显示的在网页中垂直居中，我设置了Height：5em还是不行，请问应该如何设置。

写回答

1回答

好帮手慕糖

2017-11-28

你好，是想设置整体相对于浏览器窗口做到垂直居中吗？line-height: 5em;只能是内容相对于自身居中，若想设置整体相对于窗口居中，可以尝试设置固定的高度，然后设置定位、设置margin-top:负自身高度的一半，top:50%,这些知识是后面会学到的哦。

祝学习愉快~

0 学习 · 36712 问题

查看课程

相似问题

请问老师一些问题

回答 3

请问老师关于这章绝对大小

回答 2

请问老师关于3-1

回答 2

这道题没懂

回答 3

打开慕课网App查看更多内容