CSS教學- DIV內的物件水平垂直置中 - 英傑銳網路數位設計

這個方法就是把Div顯示區塊設為表格，如此一來就像在使用table標籤一樣，另外在div中會再包一個空span，主要是為了讓IE6把它當成是個單行區塊， ... 英傑銳網路數位設計 跳到主文 (02)2713-1769RWD自適應網頁設計,台北市RWD網頁設計,台北網頁設計,網站架設https://www.injerry.com/ 部落格全站分類：視覺設計 相簿 部落格 留言 名片 Feb26Sat201101:53 CSS教學-DIV內的物件水平垂直置中 這個方法就是把Div顯示區塊設為表格，如此一來就像在使用table標籤一樣，另外在div中會再包一個空span，主要是為了讓IE6把它當成是個單行區塊，如此一來IE6也可居中，這方法比之前的簡單許多。

         CODECSS: .div_table-cell{ width:450px; height:500px; background-color:#333; display:table-cell; text-align:center; vertical-align:middle; border:solid2px#fff; }   /*IE6hack*/ .div_table-cellspan{ height:100%; display:inline-block; }   /*讓table-cell下的所有元素都居中*/ .div_table-cell*{vertical-align:middle;}     CODEHTML:

全站熱搜 創作者介紹 英傑銳數位設計 英傑銳網路數位設計 英傑銳數位設計發表在痞客邦留言(0)人氣() E-mail轉寄 全站分類：進修深造個人分類：CSS此分類上一篇：CSS教學-讓背景影像水平垂直置中 此分類下一篇：DIV+CSS簡單實現仿Facebook固定底部漂浮導航 上一篇：網頁設計-睛艷影像工作室 下一篇：DIV+CSS簡單實現仿Facebook固定底部漂浮導航 歷史上的今天 2011:DIV+CSS簡單實現仿Facebook固定底部漂浮導航 2011:網頁設計-睛艷影像工作室 2011:CSS教學-讓背景影像水平垂直置中 ▲top 留言列表 發表留言 月曆 « 六月2022 » 日 一 二 三 四 五 六       1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30     最新文章 熱門文章 文章分類 網頁設計作品(16)JavaScript(2)Html(6)Flash(2)jQuery(5)PHP(4)CSS(22)資訊文章(14)攝影資訊(1)網路行銷(2) 最新留言 誰來我家 參觀人氣 本日人氣： 累積人氣： QRCode 回到頁首 回到主文 免費註冊 客服中心 痞客邦首頁 ©2003-2022PIXNET 關閉視窗