CSS实现让同一行文字和输入框对齐的方法
导读：大家都知道有时候一个文本输入框和一段文字在同一行上显示，然而它们总不是垂直居中，看上去不美观，这段CSS代码就是解决这一问题的，上边一行是没有定义，下边一行是定义过的，可以看出有明显的差别。 复制代码 代码如下: ˂!--CTYPE h...
大家都知道有时候一个文本输入框和一段文字在同一行上显示，然而它们总不是垂直居中，看上去不美观，这段CSS代码就是解决这一问题的，上边一行是没有定义，下边一行是定义过的，可以看出有明显的差别。
复制代码 代码如下:CSS让同一行文字和输入框对齐
#a {
height:30px;
border:1px solid #ccc;
}
#b {
margin-top:20px;
height:30px;
border:1px solid #ccc;
}
#a input {
width:200px;
height:30px;
border:1px solid red;
}
#b input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}
Text1
Text2
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： CSS实现让同一行文字和输入框对齐的方法
本文地址： https://pptw.com/jishu/666574.html