IE文本框 文字居中

参考:http://bbs.blueidea.com/thread-3033907-1-1.html


代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input测试</title>
<style type="text/css">
/*reset.css*/
body{width:960px;margin:10px auto;padding:0;font:12px/1.5 Arial, Helvetica, sans-serif;}
input { padding:0; }
/***---测试高度解析,文本居中差异以及提示输入线差异---***/
.gb_sear input { font:16px "宋体", arial; /*font:16px arial;*/ height:28px; line-height:28px\9; _line-height:29px; width:14em; padding-left:4px; border:1px solid #ace; overflow:hidden; outline:none; }
.gb_sear label { display:inline-block; position:relative; top:2px; *top:-4px;
}
</style>
</head>
<body>
<div class="test">
  <h1>input文本居中测试</h1>
  <div class="gb_sear">
    <label for="search">请输入搜索关键字:</label>
    <input type="text" id="search"/>
  </div>
</div>
</body>
</html>


你可能感兴趣的:(html,input,文字居中)