老师，关于4-3的问题。

来源：4-3 编程练习

SiuNam

2017-11-01 21:03:42

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
           /*写出CSS样式*/
           div{font-size:2em;background:#eee;height:5em;text-align:center;line-height:5em;}
           .one{vertical-align:middle;font-size:2em;}
           .two{vertical-align:middle;color:red;text-decoration:underline;}
           .three{vertical-align:-20px;}
        </style>
    </head>
    <body>
          <!--写出html代码-->
          <div><span class="three"><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg">&nbsp;</span><span class="one">CSS层叠样式表</span><span class="two">(Cascading Style Sheets)</span></div>
    </body>
</html>

老师这里图片居中我用的是数字一个一个调试出来的，我不会用baseline、sub、super等等来设置出来，请问怎么解决呢。另外看看还有没有错误的或者可以改进的地方，谢谢老师！！

写回答

1回答

好帮手慕糖

2017-11-02

已采纳

你好，可尝试给图片设置垂直居中属性，例：

.three img{
    vertical-align: middle;
}

祝学习愉快~

hiuNam

h 明白了，谢谢老师！

h017-11-02

共1条回复

0 学习 · 36712 问题

查看课程

相似问题

请问老师关于3-1

回答 2

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

回答 2

4-3问题

回答 2

老师的声音怎么变来变去的？

回答 1

3-4 vertical-align中的bottom值设置问题

回答 3

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