UC知道如何让div里文字和图片做到垂直对齐
来源：百度知道 编辑：UC知道 时间：2024/06/16 02:06:46
<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里就失败...
而且把文本框去掉只剩文字时...效果可以实现....
和文本框有关么?请高手指点
是垂直居中对齐
<!--
#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;
试试。。