css 圖片置中

在那個沒有PS的年代，電影海報是這樣拍的...

6月 24, 2014

葉詩萍

kuso

如何讓文字或圖片元素在區塊(Div)中置中 【Sample code】 .container { background-color:#8D9FB3; width:200px; height:200px; line-height:200px; } 文字水平置 【圖片、多行文字 垂直 置中Demo】...

全文閱讀

---

別怨老天不公！美國女子重400斤男友卻爆帥

6月 24, 2014

連元柳

kuso

螞蟻的 CSS: 水平與垂直置中 第一頁近日，美國勵志姐Deemi體重約210公斤(460磅)，身材豐滿，肥肉橫生，而他的男友Andrew則是位又高又壯的肌肉猛男，除了接吻外，還脫光衣服在浴室自拍上網分享。有時 你需要將 一段文字 或 一張圖片 放在 矩形格子（box）的 中央，以達到 均衡美感。此練習探討不同的 置中方法。各種方法 都各有 優缺點，尤其是 不同的 瀏覽器 會呈現 不同的 結果。請慎選 最適合 你的網頁的方法。...

全文閱讀

---

這位男子向世界證明了原來海浪可以...

6月 24, 2014

王采安

kuso

CSS position absolute 物件定位讓網頁元素置中 又到了夏季要去衝浪的季節，當個陽光男孩除了享受運動的極限刺激與具備敢衝敢闖的冒險精神，其實在海邊還可以做其他更特別的事，但你千萬不要想歪了！這一切在說的是你從沒看過的"海浪美"。透過衝浪攝影師 Clark Little 直接伸入海浪中心，近而捕捉海洋的驚人面貌，由裡而外地透視海CSS 物件定位方式 定位的方式有固定和浮動使用定位，可以在網頁佈局中將元素的框格與框格重疊或讓網頁元素置中。...

全文閱讀

---

怪異婚禮蛋糕大集合，看了最後一個誰還想結婚啦！

6月 24, 2014

梁寒瑤

kuso

CSS教學－DIV內的物件垂直水平置中 | ♣梅問題‧教學網【Minwt】♣ 婚禮是人生重要的過程，地點、佈置得當，加上對的人，一切都是那麼完美！但如果這時候端出一個怪異的結婚蛋糕…整個場面應該會瞬間冷掉！來看看這些「別出心裁」的特殊蛋糕～ 報警新娘？結婚第一天就鬧上警局不太好吧… 感覺是鬼新娘會訂的蛋糕…即使有玫瑰點綴，充滿刀和血相關文章 《CSS3教學》calc讓CSS單位也可用加、減、乘、除 透過CSS3自訂「HTML5 Video」播放控製鈕樣式 《CSS3 text-justify》文字左右貼齊適用各瀏覽器 《CSS Sprite》將佈景中多張圖片合併，提升網站效能 CSS教學－解決DIV寬度大於視窗，背景無法 ......

全文閱讀

---

認真的阿婆在吸地，仔細看哪裡怪怪的....

6月 23, 2014

謝半松

kuso

CSS DIV 置中 - Wibibi - Wibibi 網頁設計教學百科阿婆正在店內用清潔器打掃，突然注意到阿婆精彩的爆笑情形..讓我們看下去~   如果我是阿婆...我也會完全相信這聲音XDDDD 笑翻~ 如果你習慣採用 DIV 來做網頁的排版，那就難免會碰到需要讓 DIV 置中的時候，在大部分主流的瀏覽器中，想要要讓 DIV 置中，僅需要用到 margin 就能夠達成，但在 I...

全文閱讀

---

胸罩與便便竟然有這樣的因果關係！長知識了！！！

6月 23, 2014

梁寒瑤

kuso

CSS DIV 置中最簡單的方法，相容各式瀏覽器 - 網頁設計教學站 所謂“脫了胸罩大便”……別瞎想，這可不是什麼重口味笑話，這是一個非常嚴肅的科研話題，人家討論的是“胸罩對皮膚造成的額外壓力會導致日常排泄總量減少” 。不過確實算是個重口味研究了…… 便便與胸罩 在 CSS 排版上我們常會碰要需要將 div 置中的時候，與 HTML 很大的不同是，HTML 只要設定 align=center 就可以輕鬆置中，然而在 CSS 中，要讓一個 div 置中必須用到 margin 的寫法，不過 div 置中比較麻煩的問題在於各家瀏覽器的支援狀況，特別是老舊的 ie6 ......

全文閱讀

---

---