DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS布局:圖片在DIV中上下左右居中(水平和垂直都居中)
CSS布局:圖片在DIV中上下左右居中(水平和垂直都居中)
編輯:布局實例     

   CSS布局實例,這個例子相信很實用,讓一個圖片在Div容器中上下、左右都居中,也就是水平和垂直都居中,有用吧,平時遇到的機率挺高的,下面結合CSS和HTML來實現這個演示,請參見代碼:

CSS布局:圖片在DIV中上下左右居中(水平和垂直都居中)

  測試效果如下:可看到圖片在Div class內水平和垂直居中:

圖片在DIV中上下左右居中
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved