回答
這的確是令人困惑,但它只是爲CSS工作。如果您指定1值,它將用於所有四面。如果指定兩個,第一個將是top/bottom
填充,第二個將是left/right
。因此,當指定三個時,它會變爲top, left/right, bottom
,回顯僅提供兩個值時的使用情況。
的順序是:上,右,下,左
想想TRBL(麻煩)。或順時針。
使用速記時,如果沒有給出,則使用與相反的值。在你的情況下,使用65px
爲左與65px
從正確。
藉此進一步,如果我有:
padding: 10px 20px;
會導致10px
爲左,右頂部和底部和20px
。
最後:
padding: 10px;
會導致10px的一切。
或者從12點開始順時針方向:) –
+1表示**順時針**方向。 :) – uday
該命令是頂部,右側,底部,左側。當你省略了一個數字,它選擇了相反的值:
x = t=x, r=x, b=x, l=x
x,y = t=x, r=y, b=x, l=y
x,y,z = t=x, r=y, b=z, l=y
這是錯誤的。它從他們的對立中複製缺失的那些。 –
修復了錯誤。 –
錯誤已修復,但解釋仍然錯誤。它不是「從頭開始」。 –
其實順序是上,右,下,左。如果只給出兩個值,則頂部&底部和左側&右側將採用相同的值。正如你已經給了65px的權利,所以它採取相同的左邊。
速記符號總是從相反的值中複製缺失的元素。
padding: top right bottom left;
padding: top right; // bottom = top, left = right
padding: top right bottom; // left = right
- 1. 填充反混淆poly cocos2d
- 2. CSS邊距和填充速記屬性的順序助記符
- 3. MX記錄混淆
- 4. 快速排序混淆
- 5. 混淆關於CSS的float
- 6. 混淆Firefox CSS問題
- 7. css放大與divs混淆
- 8. HTML/CSS混淆編譯
- 9. CSS精靈混淆了iPhone
- 10. 混淆CSS規則優先
- 11. 與Oracle混淆序列,鏈接錯誤和填充空字段
- 12. 填充Childnode列表:Linq混淆和關注點分離
- 13. D3角度混淆:填充顏色不變
- 14. css - 100%+填充?
- 15. CSS填充右
- 16. 快速填充textView
- 17. SQLServer2008:混淆或混淆
- 18. CSS讓填充填充父項
- 19. 在CSS填充背景/文字填充?
- 20. 與快速排序算法混淆C#
- 21. 快速混淆NSString的順序?
- 22. 與快速排序算法混淆
- 23. 混淆說到兩個的補充
- 24. ggplot情節混淆facet_wrap並填寫
- 25. CSS表格填充
- 26. CSS填充問題
- 27. Javafx Combobox CSS填充
- 28. css - 使用填充
- 29. CSS填充父項
- 30. 引導CSS填充
我在猜測他們打算讓作者閱讀一個簡寫的方式,其中四個邊的三個值是'top,sides,bottom'。雖然這個規範並沒有給出任何技術要求。事實上,它暗示的是,未具體說明的價值是通過從相反的方面來計算的。 – BoltClock