讓圖片 div居中實現代碼
發(fā)布時間：2009-06-19 15:10:26 作者：佚名 
我要評論
我要評論提示:可以修改后運行.
img 圖片居中：先小小的記錄下發(fā)現的新方法，有空在整理下。
具體代碼：
CSS Code復制內容到剪貼板
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>hezc</title>
- <style type="text/css">
- .hezc{width:200px; height:200px;line-height:200px;font-size:180px;text-align:center;display:table-cell; vertical-align:middle;border:1px solid #ccc}
- .hezc img{ vertical-align:middle;}
- </style>
- </head>
- <body>
- <div class="hezc">
- <img src="http://www.fzitv.net/images/logo.gif" border="1" widht="100" height="100"/>
- </div>
- </body>
- </html>
相關文章
- 這篇文章主要介紹了DIV或者DIV里面的圖片水平與垂直居中的方法,需要的朋友可以參考下2018-11-15
- 這篇文章主要為大家介紹了在DIV+CSS布局的頁面里，讓布局、背景圖片、文字內容居中的方法，從布局內容到頁面里文章文字居中都是非常重要的，而css來設置居中也是非常簡單的2014-10-09
- 這篇文章主要介紹了在不定寬高的情況下，div內圖片如何垂直居中，css樣式如何書寫？示例代碼如下2014-07-09
- 正如標題所言圖片與上層的div保持水平、垂直都居中，網上會搜索到很多類似標題的文章，不過大同小異，本文寫了一個希望對大家有所幫助2013-08-12
- 讓圖片在div容器里上下左右居中，在實際應用中是很常見的，下面為大家演示個示例，希望對大家有所幫助2013-08-02
- 關于圖片垂直居中的話題想必大家在論壇或者是百度搜索列表中看到了不少了吧，煩人的是沒有具體或者相當詳細的解決方法，希望本文所整理的知識點可以幫助到你2013-03-22
本文介紹了div 圖片如何在DIV內水平居中，無論文字居中、圖片居中等內容居中我們都可以使用以上兩種方法實現，一般推薦使用CSS進行，但網頁多時候，我們只需要修改CSS文件2021-11-30
