我在一个容器内有一堆 div,它们与右侧和底部的间距相等。(即 margin-right 和 margin-bottom 是相同的)这是我的 jsfiddle 下面:http: //jsfiddle.net/wYCzJ/1/ 这是我的 css 代码:
.container {
width: 100%;
height: auto;
display: inline-block;
}
.wrapper {
position: relative;
float: left;
width: 25%;
}
.box {
margin-bottom: 0.5em;
margin-right: 0.5em;
border: 1px solid;
border-color:#DDD;
padding: 0.5em;
height: 150px;
}
.name{
width: 95%;
font-size: 1.2em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
}
.result {
text-align: right;
margin-top: 0.5em;
font-weight: bold;
margin-right: 0.75em;
}
.result-type {
float:left;
display:inline;
font-size: 1.1em;
display: inline;
}
.result-value {
font-size: 1.5em;
display: inline;
}
.no_data {
font-size: 1.2em;
color: darkgray;
}
.date {
position: absolute;
bottom: 1em;
color: gray;
}
一切都按预期工作,除了最后一个 div 框向右有一些额外的间距(在这种情况下,Test 5 框和 Test 7 框)我有点需要相同的间距。有解决方法吗?