line-height不设置 vertical-align就没有效果是为什么
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
div{text-align:center;background-color:#eee;line-height:10em;font-size:2em;}
img{vertical-align:middle;}
.one{font-size:2em;vertical-align:middle;}
.two{color:red;text-decoration:underline;vertical-align:middle;text-transform:capitalize;}
</style>
</head>
<body>
<!--写出html代码-->
<div>
<img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg" /><span class="one">CSS层叠样式表</span><span class="two">(Cascading Style Sheets)</span>
</div>
</body>
</html>
13
收起
正在回答 回答被采纳积分+1
1回答
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星