请问这样可以吗
来源: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回答
你好同学 ,根据练习要求 , 所有的内容都需要居中 .所以给如下每个元素都设置vertical-align:middle; 即可实现居中 :
图片设置居中 :
两个span也要设置:
完善一下吧 , 祝学习愉快 ,望采纳
热心市民程先生
提问者
2018-11-07
我试过用vertical-align:middle;来使图片和单词居中但是显示的效果是默认字体大小的居中,请问我如果想用vertical-align:middle;来实现居中效果需要对代码进行如何改进
相似问题