国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 建站經驗 > 正文

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

2024-04-25 20:30:57
字體：大 中 小
來源：轉載
供稿：網友

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

 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 扶风县| 大安市| 邵阳市| 班戈县| 游戏| 依安县| 海淀区| 新余市| 师宗县| 连江县| 海丰县| 麻江县| 弥勒县| 察雅县| 阳西县| 河东区| 开远市| 农安县| 石景山区| 静安区| 平果县| 桐梓县| 交城县| 上栗县| 南宫市| 德清县| 潢川县| 桂东县| 东源县| 东莞市| 郧西县| 鞍山市| 手机| 长寿区| 远安县| 英超| 武义县| 滨州市| 屏边| 建湖县| 安达市|