div + css 垂直居中

发布网友发布时间：2022-04-20 18:24

共4个回答

热心网友时间：2022-04-20 19:54

用padding来做，比如你一个DIV中的文字，你DIV的高度是30px，那么你的padding-top：10px；那么你DIV的高度就是20px，这样你的文字就实现居中，记住DIV+CSS很灵活，计算高度，宽度很重要，而且计算高度宽度的时候要计算进去，你使用了任何的padding，margin，boder，等元素，拿才是你真正的高度，宽度

热心网友时间：2022-04-20 21:12

可以用CSS样式来控制,用两个DIV,第一个放在最外层,设置其align=center,第二个DIV放在里层,设置它的宽度,并将其对齐方式设为左对齐,然后把其它元素放在第二个DIV内部

热心网友时间：2022-04-20 22:46

<div style="border:1px solid red; padding:30px 10px;">
<label style="display:inline-block; vertical-align:middle; line-height:400px">文字</label>
<select name="f" style="vertical-align:middle;">
<option>文字对齐</option>
</select>
<input name="" type="button" value="垂直居中" style="vertical-align:middle;">
</div>
记住你说的那些表单元素记得加上 vertical-align:middle 这个是关键
文字呢就用lable 装起来，图片把图片设置为文字流也就是 display:inline ;vertical-align:middle 按照我那样定义就可以了

热心网友时间：2022-04-21 00:38

有表单图片不好设置垂直居中.

用padding 上下填充,是最好的兼容方法!