这是HTML:
<header>
<div class="image">
<img class="logo" src="https://www.gravatar.com/avatar/b637dcf2d1f68517a316c466585ea1a8?s=32&d=identicon&r=PG&f=1" />
</div>
<div class="form">
<input type="text" class="input" name="location" id="location" />
</div>
</header>
这是CSS:
.image {
float:left;
}
img {
width: 100px;
height: 100px;
}
.form {
vertical-align: middle;
}
这是jsfiddle链接:http : //jsfiddle.net/NmP69/1/
干得好。
CSS变更:
.form {
vertical-align: middle;
display:table-cell;
}
header {
display: table;
}
希望这可以帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句