html > html学习 >

CSS垂直居中对齐文本输入框

2016-07-21 18:50:47 div css如何垂直居中对齐文本与文本输入框

CSS垂直居中对齐文本与文本输入框布局

问题HTML代码如下：

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="content-type" content="text/html;charset=gb2312" /> 
  5. <title>blueidea</title> 
  6. <style type="text/css"> 
  7. input {width:200px;height:30px;border:1px solid red;} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <input type="text" />测试内容HTML8 
  12. </body> 
  13. </html> 

遇到此种问题，设置文本框的 vertical-align:middle 就可以了

 

相关词： 垂直居中 表单 输入框
上一篇：FF下文本无法撑开容器的高度解决
下一篇：CSS DIV如何垂直居中文本
更新