如何让div里文字和图片做到垂直对齐

来源:百度知道 编辑:UC知道 时间:2024/06/16 07:59:19
<style type="text/css">
<!--
#ba {
background-color: #00FF00;
height: 30px;
line-height: 30px;
}
-->
</style>
</head>

<body>
<div id="ba">123
<label>
<input type="text" name="textfield" id="textfield" />
</label>
</div>

在同个DIV里不是设置好DIV高度和行高就能实现垂直对齐么?
为什么在Dreamweaver里显示对齐.在IE里就失败...
而且把文本框去掉只剩文字时...效果可以实现....
和文本框有关么?请高手指点
是垂直居中对齐

不能直接垂直居中对齐,虽然DIV中有属性vertical-align:middle;但是这种方式没有效果,如果是单行文本,用line-height就可以实现垂直居中
如果是多行,用填充padding的方式吧

在ba里面写上

text-align: center;

试试。。