TRouBLe

Question

在CSS中编写边距的顺序是什么？例如：

div
{
    margin: 20px 40px 30px 50px;
}

哪一个代表顶部，底部，左边和右边的边距？

Answer 1

margin: top right bottom left //4 parameters 10px 12px 13px 15px
margin: top horizontal bottom //3 parameters 10px 12px 13px, gives left & right same margin of 12px
margin: vertical horizontal //2 parameters 10px 20px, gives 10px for top/bottom and 20px for left/right

Answer 2

从顶部开始顺时针方向。顶部 - ＆gt;对 - ＆gt;底部 - ＆gt;左

Answer 3

来自TOP的顺时针方向。

TOP＆gt;右＆gt;底部＆gt; LEFT

Answer 4

它来自 TOP - ＆gt;右 - ＆gt;底部 - ＆gt; LEFT

您可以查看CSS tricks以获取参考

诀窍是这个词中的前四个辅音是第一个＆＃34; Top＆＃34;，＆＃34; Right＆＃34;，＆＃34; Bottom＆＃34;和＆＃34;左＆＃34;

易于记忆

TRouBLe

所以

margin: 20px 40px 30px 50px; // 20px=top 40px=left 30px=bottom 50px=right

Answer 5

顶部 - ＆gt;对 - ＆gt;底部 - ＆gt;左

一个很好的记忆方式是TRouBLe。

Answer 6

您可以使用以下任何一种方法。

<强> CSS

margin : 1px 2px 3px 4px ; // 1=top 2=right 3=bottom 4=left

margin : 1px  2px 3px; // 1=top 2=(left and right) 3=bottom

margin : 1px  2px ; // 1=(top and bottom) 2=(left and right)

Answer 7

CSS Margin按顺时针方向工作。

例如，如果我给具有类名＆＃34; marginAll＆＃34;的div提供以下保证金。

<div class="marginAll"> </div> 和css如下

.marginAll{
   width: 50px;
   height: 50px;
   background-color: red;
   margin: 10px 30px 10px 30px ;
 }

因此，此代码将创建一个宽度为50px且红色背景为高度的div。此处保证金为 10px从顶部， 30px从右侧， 10px底部， 30px从左侧。

Answer 8

CSS边距的顺序为

右上-左下

CSS保证金顺序

8 个答案:

TRouBLe