DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 通過css控制HTML文本框中的文字垂直居中
通過css控制HTML文本框中的文字垂直居中
編輯:HTML和Xhtml     
當定義了 Text 的 height 屬性時,在 Text 中輸入的文字都不是垂直居中的,不過你可以添加CSS來控制它,讓輸入的文字垂直居中,使網頁更完美。

復制代碼代碼如下:
<html>
<head>
<style type="text/css">
#text {
height:20px;
vertical-align:middle;
line-height:20px; /*line-height must be equal to height*/
}
</style>
</head>
<body>
<table>
<input type="text" id="text">
</table>
</body>
</html>

加入 verticla-align、line-height 兩個屬性後,文本框中的文字就在文本框中垂直居中了,要注意的是 line-height 必須要等於 height 。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved