我有这个简单的HTML代码：
<div id="parent">
<input type="checkbox" />
<div id="child">Sample checkbox text on the way</div>
</div>
而这个CSS：
input {
width: 10%;
display: inline-block;
font-size:16px;
margin: 0;
padding: 0;
}
#child {
width: 88%;
display: inline-block;
}
#parent {
width: 240px;
}
复选框与文本的左下方对齐。我如何使其对准左上方？类似于浮动效果。
我为您制作了一个jsfiddle：http : //jsfiddle.net/zm9onLxf/2/
添加vertical-align: top;到input-演示
input {
width: 10%;
display: inline-block;
font-size:16px;
margin: 0;
padding: 0;
vertical-align: top;
}
#child {
width: 88%;
display: inline-block;
}
#parent {
width: 240px;
}<div id="parent">
<input type="checkbox" />
<div id="child">Sample checkbox text on the way</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句