行內元素的padding和margin是否有效

yangrd 發布于2019-08-29 15:28 / 892人閱讀

摘要：行內元素的縱向和都是不考慮的，這是規范定義的。元素確實可以設置垂直方向的和值，但是元素的和的垂直方向上不產生邊距效果，即不影響布局。首先行內元素是否具有盒子模型答行內元素同樣具有盒子模型。

行內元素的縱向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從顯示的效果上是增加的，但其實設置的是無效的。并不會對他周圍的元素產生任何影響。

案例參考:https://www.jianshu.com/p/862...

GPU云服務器云服務器 php 行內元素 html設置行內元素是否有效檢查URL是否有效

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113343.html

我的面試之旅

摘要：個人的面試踩坑之旅，充滿誠意的干貨一今日頭條用實現一個自適應的正方形詳細參考方法單位優點簡潔方便缺點瀏覽器兼容不好方案設置垂直方向的撐開容器按照規定，的百分比數值是相對父元素寬度的寬度計算的。行框的寬度是由包含塊和存在的浮動來決定。個人的面試踩坑之旅，充滿誠意的干貨~ 一：今日頭條 1.用css實現一個自適應的正方形詳細參考：https://idiotwu.me/css-respon...

Airy 2019-08-29 12:33 評論0 收藏0
我的面試之旅

摘要：個人的面試踩坑之旅，充滿誠意的干貨一今日頭條用實現一個自適應的正方形詳細參考方法單位優點簡潔方便缺點瀏覽器兼容不好方案設置垂直方向的撐開容器按照規定，的百分比數值是相對父元素寬度的寬度計算的。行框的寬度是由包含塊和存在的浮動來決定。個人的面試踩坑之旅，充滿誠意的干貨~ 一：今日頭條 1.用css實現一個自適應的正方形詳細參考：https://idiotwu.me/css-respon...

jkyin 2019-08-20 16:16 評論0 收藏0
我的面試之旅

摘要：個人的面試踩坑之旅，充滿誠意的干貨一今日頭條用實現一個自適應的正方形詳細參考方法單位優點簡潔方便缺點瀏覽器兼容不好方案設置垂直方向的撐開容器按照規定，的百分比數值是相對父元素寬度的寬度計算的。行框的寬度是由包含塊和存在的浮動來決定。個人的面試踩坑之旅，充滿誠意的干貨~ 一：今日頭條 1.用css實現一個自適應的正方形詳細參考：https://idiotwu.me/css-respon...

沈建明 2019-08-01 16:46 評論0 收藏0
HTML 3-列表、表單、語義化

摘要：有序列表無序列表自定義列表在語義上的區別有序列表列表有順序編號默認列表前加，，，編號，適用于有邏輯順序的排列項目，而且次序不能亂。另外，在類型中，一致時代表選項為一組。提交是表單的提交按鈕，將表單中的數據發送給后臺服務器有序列表、無序列表、自定義列表在語義上的區別 1.有序列表ol>li；列表有順序編號（默認列表前加1.，2.，3.，...編號），適用于有邏輯順序的排列項目，而且次序...

gaara 2019-08-29 15:28 評論0 收藏0
HTML 3-列表、表單、語義化

摘要：有序列表無序列表自定義列表在語義上的區別有序列表列表有順序編號默認列表前加，，，編號，適用于有邏輯順序的排列項目，而且次序不能亂。另外，在類型中，一致時代表選項為一組。提交是表單的提交按鈕，將表單中的數據發送給后臺服務器有序列表、無序列表、自定義列表在語義上的區別 1.有序列表ol>li；列表有順序編號（默認列表前加1.，2.，3.，...編號），適用于有邏輯順序的排列項目，而且次序...

Xufc 2019-08-02 10:29 評論0 收藏0