Welcome! 登入 註冊
美寶首頁 美寶百科 美寶論壇 美寶落格 美寶地圖

Advanced

段落標籤(p)的跨瀏覽器案例解析:段落標籤(p)預設前後邊距問題

1. 段落標籤 p



1. 段落標籤(p)預設前後邊距問題



相異瀏覽器:IE6、IE7

問題描述:
一般瀏覽器對段落標籤預設有以「一個字體大小(font-size) = 1em」為高度的前邊距 (margin-before)與後邊距 (margin-after),使得段落間在排版上有一定的區隔。但在IE6與IE7中則沒有此前後的預設邊距。(註:margin-brefore/-after 效果與 margiin-top/-bottom 相似。)

解決方法:
1) 使用 CSS Reset:無論使用時希望或不希望有預設的前後邊距,都可以在共用的 CSS 檔案中設定屬性值。例如:
p {margin: 0;} 或 p {margin: 1em 0;}

參考文章:
http://mepopedia.com/forum/read.php?844,15896,15956#msg-15956