在进行div+css网页布局的时候,不可避免的需要插入一定的表单元素,input是其中最常见的一种。我们在布局中,常会遇到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
  我们来看下面的例子,如何解决文本输入框与文本对齐的问题!

文本输入框与文本不对齐(input对齐同一行的文字)怎么办?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
文本输入框与文本不对齐(input对齐同一行的文字)怎么办?
<html xmlns="http://www.w3.org/1999/xhtml">
文本输入框与文本不对齐(input对齐同一行的文字)怎么办?
<head>
文本输入框与文本不对齐(input对齐同一行的文字)怎么办?
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
文本输入框与文本不对齐(input对齐同一行的文字)怎么办?
<title>resday.com</title>
>
在a中是未设置的样子。文本与文本框不能垂直对齐,很不美观。
在b中,设置了vertical-align:middle;解决了这一问题。文本与文本框垂直居中对齐。

相关文章: