如果你使用 CSS 進行頁面排版設計,你肯定很熟悉在布局時經常會遇到的問題:p 標簽默認會添加上一些不必要的空行。
這種情況不僅會打破整個頁面的視覺效果,而且會讓頁面看起來雜亂無章。所以,解決這個問題是非常必要的。
p { margin: 0; padding: 0; }
上面這段 CSS 代碼就可以解決 p 標簽默認添加的空行問題。通過將 p 的外邊距(margin)和內邊距(padding)都設置為 0,就能夠完全消除掉不需要的空行。
當然,如果你只想消除部分 p 標簽的空行,可以為這些 p 標簽單獨設置樣式。比如,你可以在 HTML 中為需要消除空行的 p 標簽添加一個特定的類名(比如 no-margin),然后在 CSS 中為這個類名編寫樣式:
p.no-margin { margin: 0; padding: 0; }
通過這種方式,你就可以根據需要為頁面中的不同 p 標簽設定不同的樣式,從而達到更加精細的頁面排版效果。
下一篇css中浮動與定位同時