DIV和Table的水平、垂直居中

通常圖片的居中問題容易解決,個人解決方法是經過樣式設置:
 background-image:url(path) //連接圖片的路徑
 background-repeat:repeat;  //設置圖片是不是否水平、垂直延展。可用的參數有:repeat、repeat-X、repeat-Y和no-repeat。
 background-position:bottom center;這個就是設置圖片的具體位置,第一個是水平,第二就是垂直方向的。還可使用具體的像素(爲當前容器裏的絕對像素)。
web


文字的水平居中很容易設置
在CSS中使用Text-align:就能夠了
Table還能夠用align:url


DIV的垂直居中:首先獲取當前DIV的高度h,而後設置line-height:h; vertical-align:middle.這樣文字就能夠垂直居中顯示。
spa

相關文章
相關標籤/搜索