61,112
社区成员
发帖
与我相关
我的任务
分享垂直居中问题
做页面经常会碰到这种问题，我常常通过float,然后再padding-top使他们尽量再同一水平线上或看起来垂直居中，但各种浏览器看起来效果是有差别的，今天想特意来问一下。
<html>
<head>
</head>
<body>
<div style=" vertical-align:middle;"><input type="text" />
<b style="font-size:11px;">我能和input们垂直居中或看起来统一水平线么吗</b><input type="checkbox" ></div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
athrunzero 2011-06-22
- 打赏
- 举报
input 外一个div 文字 外一个div 这两个div高度相同 给文字加行高 input的高和div的高一致 就可以了
PerDign 2011-06-22
- 打赏
- 举报
学习学习
LXQYYH 2011-06-22
- 打赏
- 举报
line-height:只适用于单行居中。如果是多行的话，设置padding或者margin.
挨踢直男 2011-06-20
- 打赏
- 举报
line-height也不太好使的
给父div加上padding:Npx 0; 父div上下边距相等
给父div加上padding:Npx 0; 父div上下边距相等
x_series 2011-06-20
- 打赏
- 举报
请参考之前的帖子
http://topic.csdn.net/u/20110604/14/d1ab9e36-68a5-489b-8b7f-9300d2e1f984.html#top
http://topic.csdn.net/u/20110604/14/d1ab9e36-68a5-489b-8b7f-9300d2e1f984.html#top
missgd152 2011-06-20
- 打赏
- 举报
前面那个是单行居中，如果是多行居中的话就同事设置一下padding-top和padding-bottom。
适用于所有的浏览器。
适用于所有的浏览器。
missgd152 2011-06-20
- 打赏
- 举报
除了用line-height之外，overflow：hidden一定要用上。
LXQYYH 2011-06-20
- 打赏
- 举报
加上line-height看看呢
