div垂直水平居中例項程式碼
關於讓div垂直水平居中的效果太多了,這裡就不介紹了,廢話不多說,直接給出程式碼。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>垂直水平居中程式碼</title> <style type="text/css"> body { background-color:#e1ddd9; font-size:12px; padding:0px; margin:0px; } #inhalt { position:absolute; height:200px; width:400px; margin:-100px 0px 0px -200px; top:50%; left:50%; text-align:left; padding:0px; background-color:#f5f5f5; border:1px dotted #000000; overflow:auto; } </style> </head> <body> <div id="inhalt"></div> </body> </html>
相關文章
- jQuery實現的div垂直水平居中例項程式碼jQuery
- css實現div全屏水平垂直居中效果程式碼例項CSS
- css實現的div垂直水平居中程式碼例項CSS
- css水平垂直居中程式碼例項CSS
- CSS讓div水平居中例項程式碼CSS
- div始終在視窗中垂直水平居中程式碼例項
- css3實現div元素垂直水平居中程式碼例項CSSS3
- css設定div水平居中程式碼例項CSS
- css實現div水平垂直居中程式碼CSS
- css實現的div垂直居中效果程式碼例項CSS
- 設定<img>圖片垂直水平居中程式碼例項
- 點選彈出水平垂直居中視窗程式碼例項
- 調整視窗大小也能夠實現div水平垂直居中程式碼例項
- css div全屏水平垂直居中CSS
- jQuery將div在視窗中垂直居中例項程式碼jQuery
- div中巢狀div水平垂直居中巢狀
- css3實現元素垂直水平居中程式碼例項CSSS3
- 未知寬高圖片在元素中垂直水平居中程式碼例項
- 使用javascript動態設定div垂直水平居中程式碼JavaScript
- CSS div水平垂直居中效果詳解CSS
- css 圖片在div中垂直水平居中CSS
- jQuery實現的彈出垂直水平居中視窗效果程式碼例項jQuery
- 淺談居中問題(水平居中、垂直居中、水平垂直居中)
- CSS多行文字垂直居中例項程式碼CSS
- css設定元素在瀏覽器中垂直水平居中程式碼例項CSS瀏覽器
- 設定圖片在div中垂直水平居中
- 如何實現div水平和垂直居中效果
- javascript div水平運動程式碼例項JavaScript
- css多元素水平居中效果程式碼例項CSS
- 影片直播app原始碼,CSS div水平垂直居中和div置於底部APP原始碼CSS
- css多行文字垂直居中程式碼例項CSS
- div實現水平垂直居中的幾種方法
- css文字在元素中垂直居中程式碼例項CSS
- 讓input文字框文字垂直居中程式碼例項
- 如何讓圖片在div中垂直水平居中對齊
- CSS垂直居中和水平居中CSS
- CSS水平居中和垂直居中CSS
- css水平垂直居中CSS