通過css控制HTML文本框中的文字垂直居中

2019-10-26 17:14:50

字體：大中小

來源：轉載

供稿：網友

當定義了 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 。

上一篇：HTML頁面嵌入視頻與JS控制切換視頻示例詳解

下一篇：關于使用Textarea的注意事項

學習交流

電腦開不了機的原因和解決辦法

電腦開不了機的原因和解決辦法...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

榮耀總裁趙明烏鎮演講：榮耀首款5G手機V30下月發布

2019-10-23 09:17:05

搜狐張朝陽：回歸媒體是搜狐重新崛起的關鍵

2019-10-21 09:20:02

華為輪值董事長郭平：虛擬技術創造現實價值

2019-10-21 09:00:12

滴滴英文服務上線兩周年用戶已超200萬

2019-09-26 08:57:12

華為推出全球至快AI訓練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國技術團隊

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

通過css控制HTML文本框中的文字垂直居中