我有一个小问题。我试图改变一个按钮的宽度和高度,但由于某种原因,它不会让我。该按钮自动保持与包含文本相同的宽度和高度。HTML按钮只使用按钮中文字的宽度和高度
CSS
.flexcontainer {
display: flex;
align-items: center;
overflow: hidden;
}
img[width="500"] {
border: 3px solid #5F5F5F;
border-radius:3px;
float: left;
}
#leftRetail {
display: block;
height:354px;
width: 1308px;
float:right;
text-align: center;
vertical-align: middle;
line-height: 354px;
}
.button {
width: 250px;
height: 200px;
background: #ed2626;
border-radius: 2px;
color: white;
font-weight: bold;
text-decoration:none;
}
HTML
<div class="flexcontainer">
<div>
<img src="anyImage.jpg" width="500" height="350"/>
</div>
<div id="leftRetail">
<a href="Template.pdf" class= "button">Retail Menu</a>
</div>
</div>
[在A标签上设置宽度和高度]可能的重复(http://stackoverflow.com/questions/4743254/setting-a-width-and-height-on-an-a-tag) – litel