php文字和输入框在同一行,CSS_CSS实现让同一行文字和输入框对齐的方法，本文实例讲述了CSS实现让同一 - phpStudy...

CSS实现让同一行文字和输入框对齐的方法

本文实例讲述了CSS实现让同一行文字和输入框对齐的方法。分享给大家供大家参考。具体分析如下：

大家都知道有时候一个文本输入框和一段文字在同一行上显示，然而它们总不是垂直居中，看上去不美观，这段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

希望本文所述对大家的div+css网页设计有所帮助。相关阅读:

Web.config 和 App.config 的区别分析

用DIV遮罩解决鼠标直接勾选checkbox无效的问题

调用innerHTML之后onclick失效问题的解决方法

Mysql5.6忘记root密码修改root密码的方法

Android中的jQuery:AQuery简介

win8系统设置所有文件显示后缀名的方法

linux、unix下快速清空文件的方法

PHP接收json 并将接收数据插入数据库的实现代码

C#搜索TreeView子节点,保留父节点的方法

常用的正则表达式大全(数字、字符、固定格式)

jQuery中:last-child选择器用法实例

Android NavigationController 右滑手势详解

关于集合和字符串的互转实现方法

select默认样式美化代码兼容移动端和pc端