首页 > 代码库 > html 文字垂直居中

html 文字垂直居中

html  文字垂直居中

<span style="float:right; padding-right:30px;line-height:64px" class="head" ">欢迎  <a href=http://www.mamicode.com/"#" id="A1">修改密码</a> <a href=http://www.mamicode.com/"#" id="A2">退出系统</a></span>

 

<html> <head> <style type="text/css"> #text {     height:20px;     vertical-align:middle;     line-height:20px; /*加入 verticla-align、line-height 两个属性后,文本框中的文字就在文本框中垂直居中了,要注意的是 line-height 必须要等于 height */ } </style> </head> <body> <table> <input type="text" id="text"> </table> </body> </html> 

 

html 文字垂直居中