我在 anchor 标签内拍摄了一个图像标签,在 anchor 标签旁边拍摄了一个按钮。我想使用图片标签显示图片,但我遇到了图片放置的问题。它向上移动并且没有显示在按钮的同一行中。请帮助我处理 CSS。
#divSelect a {
margin-left: 5px;
margin-top: 5px;
display: inline-block;
}
.pic {
height: 30px;
width: 30px;
}
<div id="divSelect">
@Html.DropDownList("ddl1", new SelectList(string.Empty, "Value", "Text"), "Select")
@Html.DropDownList("ddl2", new SelectList(string.Empty, "Value", "Text"), "Select")
<input type="submit" value="Submit" onclick="return Submit()" /> <a href="@Url.Action("TEST", "Home")"><img class="pic" src="@Url.Content("/Images/pic.png")" width=30 height=30 /></a>
</div>
最佳答案
要在同一行中显示,请将 button
和 anchor
包装在 div
中。希望这对您有所帮助。
#divSelect a {
margin-left: 5px;
display: inline-block;
vertical-align: middle;
}
.pic {
height: 30px;
width: 30px;
}
.select-inner{
display:block;
margin-top: 5px;
}
<div id="divSelect">
@Html.DropDownList("ddl1", new SelectList(string.Empty, "Value", "Text"), "Select")
@Html.DropDownList("ddl2", new SelectList(string.Empty, "Value", "Text"), "Select")
<div class="select-inner">
<input type="submit" value="Submit" onclick="return Submit()" />
<a href="@Url.Action("TEST", "Home")"><img class="pic" src="@Url.Content("/Images/pic.png")" width=30 height=30 /></a>
</div>
</div>
关于html - 如何调整 anchor 标签内的图像,使其不会超出 anchor 标签的内容区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45741312/