请问这样可以吗

来源:4-3 编程练习

热心市民程先生

2018-11-07 21:01:40

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

写回答

2回答

好帮手慕夭夭

2018-11-08

你好同学 ,根据练习要求 , 所有的内容都需要居中 .所以给如下每个元素都设置vertical-align:middle; 即可实现居中 :

图片设置居中 :

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

两个span也要设置:

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

完善一下吧 , 祝学习愉快 ,望采纳

0

热心市民程先生

提问者

2018-11-07

我试过用vertical-align:middle;来使图片和单词居中但是显示的效果是默认字体大小的居中,请问我如果想用vertical-align:middle;来实现居中效果需要对代码进行如何改进

0

0 学习 · 36712 问题

查看课程