css input文字框中的內容居中效果
這個問題夠簡單吧,但是還是有很多人問,當然是初學者,那麼說明此文章可能還是具有一定價值的。
下面就是實現此功能的程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> input{ width:150px; text-align:center; color:green; } </style> </head> <body> <input type="text" value="螞蟻部落"/> </body> </html>
將text-align屬性值設定為center即可實現我們的效果。
相關文章
- input 文字框內容居中
- IE8 input框內容上下居中
- 點選文字框實現文字框內容選中效果
- CSS input文字框樣式CSS
- CSS input 文字框樣式CSS
- CSS匹配input text文字框CSS
- javascript input文字框新增提示文字效果JavaScript
- 讓input文字框文字垂直居中程式碼例項
- css如何實現div中的文字垂直居中效果CSS
- 設定input文字框只讀效果
- js多個文字框輸入內容同步效果JS
- 實現文字標題和input文字框垂直居中對齊
- CSS多行文字垂直居中效果CSS
- CSS 設定input文字框樣式CSS
- css設定input文字框樣式CSS
- input文字框獲取焦點伸縮效果
- input文字框圓角效果程式碼例項
- CSS實現文字框中的英文字母大寫效果CSS
- css實現文字和圖片居中效果CSS
- css如何實現多行文字在div中垂直居中效果CSS
- js實現的文字框輸入內容自動提示效果程式碼JS
- CSS 文字居中CSS
- JavaScript 文字框輸入內容同步JavaScript
- jQuery文字框輸入內容同步jQuery
- CSS 文字li元素中垂直居中CSS
- 文字框輸入內容實現智慧提示效果程式碼例項
- css實現的禁止標籤中內容選中效果CSS
- jQuery文字框內容輸入同步功能jQuery
- CSS div居中效果CSS
- webdriver中利用js來向富文字框書寫內容WebJS
- input只能輸入文字框
- 用CSS讓未知高度內容垂直方向居中CSS
- Vue使用antd中input元件去驗證輸入框輸入內容Vue元件
- css內邊框效果程式碼例項CSS
- 如何讓文字垂直居中對齊文字框
- CSS禁止選中文字內容CSS
- css實現的多行文字垂直居中效果程式碼例項CSS
- input文字框的實際寬度包括邊框的