麻烦老师检查

来源:4-3 编程练习

localhost999

2020-06-26 12:08:26

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
        body{
            font-size:2em;
            line-height:5em;
        }
           div{
              background-color:#eee;
               width:100%;
                /*display:table;*/
               
           }
           p{
               
               text-align:center;
               /*height:50px;*/
               
               
           }
           
           .english{
               
               /*line-height:50px;*/
               /*display:table-cell;*/
               /*vertical-align:middle;*/
               color:red;
               text-decoration:underline;
               vertical-align:8px;
           }
           
           .chinese{
               font-size:2em;
           }
           img{
                vertical-align:-6px;
           }
        </style>
    </head>
    <body>
        <div>
        <p>
          <img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg" alt="css3">
          <span class="chinese">CSS层叠样式表</span>
          <span  class="english">(Cascading Style Sheets)</span>
         </p>
        </div>
    </body>
</html>


写回答

1回答

好帮手慕粉

2020-06-27

同学你好,同学实现的垂直居中是不精确的,建议同学使用vertical-align:middle属性实现:

http://img.mukewang.com/climg/5ef6bd4709c5dd5104290432.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

0

0 学习 · 40143 问题

查看课程