Css 内联div未正确对齐
请参见JSFIDLE: 底部的div没有正确对齐,但我找不到原因。 我认为这一定与显示内联块有关。然而,没有最高利润率Css 内联div未正确对齐,css,inline,Css,Inline,请参见JSFIDLE: 底部的div没有正确对齐,但我找不到原因。 我认为这一定与显示内联块有关。然而,没有最高利润率 <div class="kaders"> <div class="rij"> <div class="kader" href="http://www.checkjekamer.nl/check/huurZelfstandig"> <h1>Zelfstandig</h1> <
<div class="kaders">
<div class="rij">
<div class="kader" href="http://www.checkjekamer.nl/check/huurZelfstandig">
<h1>Zelfstandig</h1>
<p>Check hier je kamer als je in <b>zelfstandige</b> woonruimte woont</p>
</div>
<div class="kader" href="http://www.checkjekamer.nl/check/huurOnzelfstandig">
<h1>Onzelfstandig</h1>
<p>Check hier je kamer als je in <b>onzelfstandige</b> woonruimte woont</p>
</div>
</div>
<div class="rij">
<div class="kader" href="http://www.checkjekamer.nl/check/huurToeslag">
<h1>Huurtoeslag</h1>
<p>Check hier de hoogte van je <b>huurtoeslag</b></p>
</div>
<div class="kader" href="http://www.checkjekamer.nl/check/brandveiligheid">
<h1>Brandveiligheid</h1>
<p>Check hier de <b>brandveiligheid</b> van je kamer</p>
</div>
</div>
添加
垂直对齐:顶部代码>至.kader
CSS:
.kader{
cursor:pointer;
display:inline-block;
width:200px;
height:200px;
background-color: #f7f7f7;
margin:10px;
margin-top:0;
vertical-align: top;
}
只需添加垂直对齐:文本顶部代码>到您的.kader
阅读有关垂直对齐的更多信息
Snap。(差不多,我是第一个进去的;)因为当时差不多是同一个时间,这太正确了+1.
.kader{
cursor:pointer;
display:inline-block;
width:200px;
height:200px;
background-color: #f7f7f7;
margin:10px;
margin-top:0;
vertical-align: top;
}
.kader{
cursor:pointer;
display:inline-block;
width:200px;
height:200px;
background-color: #f7f7f7;
margin:10px;
margin-top:0;
vertical-align: text-top;
}