讓input文字框文字垂直居中程式碼例項
很多時候講究對稱美,也有時候講究不對稱的美,當然這個要分具體情況,在文字框中一般對稱一些更為美觀,下面就通過程式碼例項介紹如何實現文字框中的文字垂直居中對齊。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #text{ height:50px; line-height:50px; } </style> </head> <body> <input type="text" id="text" value="螞蟻部落歡迎您"/> </body> </html>
以上程式碼實現了我們的要求,將height屬性值和line-height屬性值設定為相同即可。
相關文章
- input文字框和img圖片能夠垂直居中對齊程式碼例項
- 文字框與文字垂直對齊程式碼例項
- 如何讓文字垂直居中對齊文字框
- CSS多行文字垂直居中例項程式碼CSS
- css多行文字垂直居中程式碼例項CSS
- 實現文字標題和input文字框垂直居中對齊
- input文字框圓角效果程式碼例項
- css文字在元素中垂直居中程式碼例項CSS
- input 文字框內容居中
- css實現的多行文字垂直居中效果程式碼例項CSS
- css實現的多行文字垂直居中程式碼例項CSS
- input文字框實現寬度自適應程式碼例項
- 文字嵌入邊框程式碼例項
- 密碼框提示文字程式碼例項密碼
- 文字框點選清除預設文字例項程式碼
- 選中文字框文字觸發事件程式碼例項事件
- 點選按鈕複製文字框文字程式碼例項
- <input>文字框和驗證碼圖片垂直對齊
- 當前文字框高亮效果程式碼例項
- 文字框高度自適應例項程式碼
- js動態建立文字框程式碼例項JS
- js實現文字框提示程式碼例項JS
- 密碼框提示文字效果程式碼例項密碼
- div垂直水平居中例項程式碼
- css input文字框中的內容居中效果CSS
- js實現的文字垂直滾動例項程式碼JS
- js點選文字框選中文字效果程式碼例項JS
- textarea文字框輸入文字數目倒計效果程式碼例項
- textarea文字框高度自適應程式碼例項
- css水平垂直居中程式碼例項CSS
- jQuery點選文字框清除內容程式碼例項jQuery
- js判斷文字框是否為空程式碼例項JS
- 限定文字框只能輸入數字例項程式碼
- 文字框輸入數字倒計例項程式碼
- 文字框獲得和失去焦點程式碼例項
- js檢測文字框是否為空程式碼例項JS
- CSS如何讓文字豎排效果例項程式碼CSS
- 如何讓input文字框和圖片對齊