老师，请问一下这样有问题吗，以及有几个小问题想问一下

来源：4-3 编程练习

慕田峪2009896

2019-07-04 20:39:27

老师，请问一下，在样式设置时，直接把vertical-align:middle放在div标签中，或者把img也单独放在一个span标签中，再对span标签进行vertical-align:middle的设置，就不能实现图中的效果是为什么呀？以及，我实现的效果中，下划线在字母“g”处断开了，是浏览器的原因吗，还是我写的有什么问题？

谢谢老师

<!DOCTYPE html>

<html>

<head>

/*写出CSS样式*/

div{

background:#eee;

text-align:center;

font-size:2em;

line-height:5em;}

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>

<div>

<p><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"/><span class="one">CSS层叠样式表</span><span class="two">(cascading stvle sheets)</span>

</p>

</div>

</body>

</html>

写回答

2回答