我有一个如下页面;
<style type="text/css">
#test a{
display: block;
width: 150px;
height: 50px;
background-color: #CCCCCC;
}
</style>
<div id="test">
<a>text text text<img src="image.jpg"></a>
</div>
我得到的结果就像;
但我想要类似的东西;
Here 是小提琴
有人知道如何解决这个问题吗?
答案 0 :(得分:1)
答案 1 :(得分:1)
您好,您可以定义#test img {vertical-align:top;}
就像这样
<强> CSS 强>
#test a{
display: block;
width: 150px;
height: 50px;
background-color: #CCCCCC;
}
#test img{vertical-align:top;}
<强> HTML 强>
<div id="test">
<a>text text text<img src="http://i.imgur.com/VlyB1.jpg"></a>
</div>
答案 2 :(得分:-1)
尝试添加到CSS:
#test a {
vertical-align: top;
}