CSS 排版 div 置中技巧

CSS 排版 div 置中技巧

CSS排版

真的是博大精深!!

我用一個連結包住一個div <a herf=連結><div>內容</div></a>
希望我的連結可點的區域就跟這個div一樣大就好。

但是我雖然已經有固定div的寬度了,不知為什麼她還是變成整條都變成連結
而不是我設定的寬度範圍內。

用float = left / right 就沒問題
可惜我這個連結是要置中阿!!!

最後參考http://www.minwt.com/css/2049.html

加入
display:table-cell;
vertical-align:middle;

?  vertical-align:center;

很神的就可以置中而且連結區域不會變成整個width了~

626後記
其實還是有點怪異 Chrome 會沒辦法使用。
最後還是用table把它包起來, 然後在table的Style指定margin。
感覺很奇妙~~

167 Views


發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *