首页 > 代码库 > 让两个元素水平对齐
让两个元素水平对齐
解决方法有三个：
1. 使用 float
<div> <div>123</div> <div>456</div></div>
此时的效果是：
123
456
让这两个元素水平对齐，可以使用float；但是这时候外面元素高度为零。
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix { display: inline-table; }/* Hides from IE-mac \*/* html .clearfix { height: 1%; }.clearfix { display: block; }/* End hide from IE-mac */只需要在父这个div上加入 .clearfix 这个类
2。对里面的元素使用display:inline-block;这样变成了内联块级元素，设置他们的高度和宽度。但是可能会看起来还是不对其。只需要加上 vertical-align:top；就能够水平对齐了。
3。 父元素 使用相对定位，子元素使用绝对定位。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。