css文字在元素中垂直居中程式碼例項
分享一段程式碼例項,它實現了文字在元素中垂直居中的效果。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> div { width:260px; height:100px; background:#ccc; line-height:100px; } </style> </head> <body> <div>本站url地址是softwhy.com</div> </body> </html>
只要把height屬性值和line-height屬性值設定相同即可。
相關文章
- CSS多行文字垂直居中例項程式碼CSS
- css多行文字垂直居中程式碼例項CSS
- css設定元素在瀏覽器中垂直水平居中程式碼例項CSS瀏覽器
- CSS 文字li元素中垂直居中CSS
- css水平垂直居中程式碼例項CSS
- css3實現元素垂直水平居中程式碼例項CSSS3
- css實現的多行文字垂直居中效果程式碼例項CSS
- css實現的多行文字垂直居中程式碼例項CSS
- 讓input文字框文字垂直居中程式碼例項
- css3實現div元素垂直水平居中程式碼例項CSSS3
- css如何設定文字在li元素中垂直居中顯示CSS
- jQuery將div在視窗中垂直居中例項程式碼jQuery
- 未知寬高圖片在元素中垂直水平居中程式碼例項
- css多元素水平居中效果程式碼例項CSS
- css實現的div垂直居中效果程式碼例項CSS
- div垂直水平居中例項程式碼
- css實現div全屏水平垂直居中效果程式碼例項CSS
- css實現的div垂直水平居中程式碼例項CSS
- css如何實現文字在li元素中上下垂直居中CSS
- div垂直居中-CSS元素垂直居中方法CSS
- div始終在視窗中垂直水平居中程式碼例項
- CSS垂直居中完美實用例項CSS
- CSS元素(文字、圖片)水平垂直居中方法CSS
- css不定寬度元素水平居中程式碼例項CSS
- flex彈性佈局實現元素垂直居中效果程式碼例項Flex
- css如何實現多行文字在div中垂直居中效果CSS
- 文字框與文字垂直對齊程式碼例項
- input文字框和img圖片能夠垂直居中對齊程式碼例項
- CSS多行文字垂直居中效果CSS
- CSS讓div水平居中例項程式碼CSS
- jQuery實現的div垂直水平居中例項程式碼jQuery
- css垂直居中怎麼設定?文字上下居中和圖片垂直居中CSS
- css元素位置固定程式碼例項CSS
- css如何實現div中的文字垂直居中效果CSS
- CSS 實現元素在當前視窗水平垂直居中CSS
- 設定<img>圖片垂直水平居中程式碼例項
- 點選彈出水平垂直居中視窗程式碼例項
- css匹配指定元素的子元素程式碼例項CSS