<div class="row">
<div class="cell regist regist_show">
<b:message key="validatecode" />
</div>
<div class="cell regist" style="float:left;">
<!-- 上面这个float:left不加的话,在IE8里,下面的输入框和文本框不在一行,加上以后,IE8里的img没有垂直居中,FF,谷歌,360里都是输入框没有垂直居中,请问,有什么好的解决办法? -->
<diy:text property="validatecode" autocomplete="off" style="width:60px;"/>
</div>
<div class="cell regist">
<img src="getvcode.do" onclick="refresh(this)" style="margin-left:10px"/>
</div>
</div>
<div class="row">
<div class="cell regist" style="width:960px;text-align:center">
<h:submit>
<b:message key="operation.regist"/>
</h:submit>
</div>
</div>
.regist_show {
text-align:right;
float:left;
width:480px;
}
.regist {
height:40px;
display:inline block;
line-height:40px;
align:center;
vertical-align:middle;
}
.row {
display:table-row inline;
}
.cell {
position:relative;
height:20px;
line-height:20px;
display:table-cell;
overflow:hidden;
}
css页面布局vertical-align:middle;和float:
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答
- danielinbiti 2015-05-26 17:22关注
float和display:table系列是不对的,两个冲突,
改成下面样式,去掉了float:left,去掉了块状.regist_show { text-align:right; width:480px; } .regist { height:40px; line-height:40px; align:center; vertical-align:middle; } img{ /*图片居中*/ vertical-align:middle; } .row { display:table-row ; } .cell { height:20px; line-height:20px; display:table-cell; overflow:hidden; }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 ZABBIX6.0L连接数据库报错,如何解决?(操作系统-centos)
- ¥15 找一位技术过硬的游戏pj程序员
- ¥15 matlab生成电测深三层曲线模型代码
- ¥50 随机森林与房贷信用风险模型
- ¥50 buildozer打包kivy app失败
- ¥30 在vs2022里运行python代码
- ¥15 不同尺寸货物如何寻找合适的包装箱型谱
- ¥15 求解 yolo算法问题
- ¥15 虚拟机打包apk出现错误
- ¥15 用visual studi code完成html页面