所以我想让这个管理页面响应,当我调整页面时有一些问题。我希望库存中的div与3个按钮对齐。按钮不与div对齐
这是我的容器调整视时需要适当调整。
.reports{
\t border: 1px solid red;
\t overflow-y: scroll;
\t /*overflow-x: hidden; */
\t height: 100%;
}
.row{
\t height: 4.5em;
\t width: 100%;
\t margin-left: 0;
}
.actions{
\t float: right;
\t width: 30%;
}
.entry-group{
\t border: 1px solid red;
\t float: left;
\t width: 70%;
}
.title{
\t border: 1px solid red;
\t float: right;
\t width: 72.5%;
\t height: 3.7em;
\t word-wrap: break-word;
\t margin-left: 2em;
}
<div class="reports">
\t <div class="list-group-item row">
\t \t <div class="entry-group">
\t \t \t <button class="btn btn-primary date" >2016-09-19</button>
\t \t \t \t \t \t \t \t \t \t
\t \t \t <div class="title">
\t \t \t \t <h4 class="list-group-item-heading">2080136 - Inventory</h4>
\t \t \t \t <p class="list-group-item-text">2 Napier Court West Southend On Sea SS1 1JU</p>
\t \t \t </div>
\t \t </div>
\t \t \t \t \t \t \t \t
\t \t <div class="actions">
\t \t \t <button class="btn btn-primary download">Download</button>
\t \t \t <button class="btn btn-primary edit">Edit</button>
\t \t </div>
\t </div>
</div>
是屏幕捕捉您的当前或预期的输出? –
你将需要提供更多的代码,包括CSS和父元素 –
@TimBiegeleisen我目前的输出 –