老师我有两个问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
div{
text-align: center;
background-color: #eee;
font-size: 2em;
line-height: 5em;
}
img{vertical-align: middle;}
.css{font-size: 2em;vertical-align: middle;}
.dc{vertical-align:middle;color:red;text-decoration: underline; }
</style>
</head>
<body>
<!--写出html代码-->
<div>
<img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg"/>
<span class="css">CSS层叠样式表</span>
<span class="dc">(Cascading Style Sheets)</span>
</div>
</body>
</html>
1.我实现的代码对吗?2.针对“CSS层叠样式表”居中是什么意思,不太理解
正在回答
同学你好!
元素的垂直关系是以文字基线对齐的 , 例如在默认情况下 ,图片和文字是底部对齐的 ,
当给文字和英文设置基线对方方式为居中的时候 ,那么它们的中间会与图片的底部对齐
所以此时让图片也设置垂直对齐 ,它们三个就互相对齐了。即三个元素都有设置垂直对齐哦
如果帮助到了你,望采纳,祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星