vertical-align: middle 不起作用 为什么？ 5
<html><head><styletype="text/css">div.left{width:50px;height:50px;background:#000;dis...
<html>
<head>
<style type="text/css">
div.left{ width: 50px; height: 50px;background: #000; display: inline-block;float:left;}
div.right{ width: 30px; height: 30px;background: #000; display: inline-block;float:right;}
.parent{vertical-align: middle; background: #ddd;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
</style>
</head>
<body>
<div class="parent clearfix">
<div class="left"></div>
<div class="right"></div>
</div>
</body>
</html> 展开
<head>
<style type="text/css">
div.left{ width: 50px; height: 50px;background: #000; display: inline-block;float:left;}
div.right{ width: 30px; height: 30px;background: #000; display: inline-block;float:right;}
.parent{vertical-align: middle; background: #ddd;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
</style>
</head>
<body>
<div class="parent clearfix">
<div class="left"></div>
<div class="right"></div>
</div>
</body>
</html> 展开
4个回答
展开全部
建议不要在布局中依赖使用vertical-align:middle，通常情况它是无效的；
垂直居中还有没一个行之有效的方法；
设置了float的元素，display会被忽略，除了ie触发layout bug，display不需要写；
清除浮动不够彻底，ie6下浮动没清除
垂直居中还有没一个行之有效的方法；
设置了float的元素，display会被忽略，除了ie触发layout bug，display不需要写；
清除浮动不够彻底，ie6下浮动没清除
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
威孚半导体技术
2024-08-19 广告
威孚（苏州）半导体技术有限公司是一家专注生产、研发、销售晶圆传输设备整机模块（EFEM/SORTER）及核心零部件的高科技半导体公司。公司核心团队均拥有多年半导体行业从业经验，其中技术团队成员博士、硕士学历占比80%以上，依托丰富的软件底层...
点击进入详情页
本回答由威孚半导体技术提供
展开全部
vertical-align只作用于行内元素，它的垂直并不是相对于整个Box而言的。
追问
我把div设成 inline-block 这两个div不就已经是行内了么。 我只是 想让几个float的不同高度的div 垂直居中
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
vertical-align: middle一般用于内联元素
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
