文本移动引导按钮
问题描述:
引导按钮有一些文字,当我运行按钮之外的按钮上的文字移动,但按钮是固定大小 如何使按钮响应文本移动引导按钮
.div{
float:left;
height:300px;
width:22%;
margin-top:15px;
margin-left:15px;
background-color: #e4f2ff;
position: relative;
}
.div img{
width:100%;
height:180px;
}
.div h1{
font: 500 1.5em Roboto,Arial,Helvetica !important;
}
.div div{
position: absolute;
bottom:0;
width:100%
}
.div div a{
width:50px;
}
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<div class="div">
<img src="dual.png"/>
<h1>Boot From a CD or USB Drive on Any PC</h1>
<div><a href="#" class="btn btn-xs btn-success">Default text here</a></div>
</div>
能有人帮我
删除'.div div a {width:50px; }'。 – 2015-04-02 08:11:25
你给链接的宽度为50px。你的按钮也是一个链接。 – Sirence 2015-04-02 08:11:47
当我这样做,我的设计变得奇怪是有任何methed按钮strech到全部div – romman 2015-04-02 08:13:21