行內元素padding和margin在什麼情況下無效

這次帶給大家行內元素padding和margin在什麼情況下無效，使用行內元素padding和margin在什麼情況下無效的注意事項有哪些，下面就是實戰案例，一起來看一下。

行內元素的縱向padding和margin都是不考慮的，這是css規範定義的。 inline元素確實可以設定垂直方向的padding和margin值，但是inline元素的margin和padding#的垂直方向上不產生邊距效果，即不影響佈局。

1.首先行內元素是否具有盒子模型？
答案：行內元素同樣有盒子模型。

2.行內元素的padding、margin是否無效？
答案：

• 行內元素的padding-top、padding-bottom、margin-top、margin-bottom屬性設定是無效的；

• 行內元素的padding-left、padding-right、margin-left、margin-right屬性設定是有效的;

###################### #######行內元素的padding-top、padding-bottom從顯示的效果是增加的，但其實設定的是無效的。並不會對他周圍的元素產生任何影響。 ############相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！ ######推薦閱讀：#########前端專案中初始化專案結構################vue-cli根據環境產生測試包和生產包##########

以上是行內元素padding和margin在什麼情況下無效的詳細內容。更多資訊請關注PHP中文網其他相關文章！