CSS边距和填充速记属性顺序的助记符

85

我永远不会记住在一个声明中设置边距或填充的速记属性的顺序。那是：

margin-top:    2px;
margin-bottom: 4px;
margin-left:   3px;
margin-right:  8px;

可以写成

margin: 2px 8px 4px 3px;

是的，我了解人们可以通过思考时钟来形象化订单，从中午开始并顺时针移动。但是我一直忘了那个。我需要从文本上回忆起上，右，下，左的顺序。

因此，~~TBLR TRBL~~。

像这样的[R-名词] [B-动词] [L-名词]也许是要走的路，但我感到自己缺乏灵感。如果有人遇到过有用的助记符，我很想听听。像一个好模因一样，我敢肯定，一旦我的脑中有了东西，我就不会忘记它。

注意：该问题给出的信息不正确-顺序（如某些评论和答案中所述）为右上左下。（嘿，明白我的意思吗？-dland）

css mnemonics

— 降落
source

21

它是TRBL，你真的做不记得它

— inspite

10

对于任何熟悉模拟时钟的人来说，这都是过分的。诸如单词和首字母缩略词之类的抽象对于人类而言是不自然的，记住TRBL，然后将每个字母手动转换为物理方向会使生活变得比IMO更复杂。最好以视觉方式记住顺序，毕竟在这种情况下，您是在视觉媒体中工作的：D。

— mahemoff 2012年

2

还应该记住如果只给出两个或三个值会发生什么。例如“ margin：3em 5em;” 和“保证金：3em 5em 6em;”。在第一个中，3em用于顶部和底部，5用于左侧和右侧。在第二个中，顶部为3，左侧和右侧为5，底部为6。我认为很容易记住如果只给出一个值会发生什么。

— 哈里·佩科宁

2

我喜欢这些答案，但这仅是因为您采用的方式才是最荒谬的问题。您完全失去了名词和动词的迷恋。这是一个盒子，在上面放一个时钟，然后用它完成。

— Eric Bishard 2015年

175

如果做得不好，就会有麻烦

— 保罗·迪克森
source

7

没有麻烦要记住，如果您删除元音

— zzapper 2014年

5

@zzapper：哎呀--- EEEks。我弄错了，去掉了辅音。

— Yaakov Belch 2014年

css-tricks.com/…–

— 瑞安·威廉姆斯

76

实际上，时钟工作正常。至少对我而言，这是记住它的最直观的方式。

— 尤瓦尔·亚当
source

1

而且它也可以通过图片来实现……在大多数情况下，无论如何，您都将沿着视觉的方向进行思考。

— 阿姆斯特朗（Armstrongest）

25

棘手的矩形边框逻辑？

— 保罗·迪克森
source

1

我之前没有听过，但是我喜欢:)

— Adam Rezich

21

为什么不只记得顺序从TOP开始顺时针：

顶部->右侧->底部->左侧

— 史蒂夫
source

15

另一尝试：

霸王龙：大蜥蜴

— 保罗·迪克森
source

12

顺时针思考，这是最简单的方法。从顶部开始并四处走动...比一些愚蠢的短语更容易记住（只要您知道如何阅读时钟...）

— 洛根·塞尔曼（Logan Serman）
source

12

真正的大勒波夫斯基

— 保罗·迪克森
source

8

Ť ř OU乙大号即

— 亚当·雷齐奇
source

8

及时旋转，位La脚？

— 保罗·迪克森
source

6

尝试烤牛肉剩菜？

— 保罗·迪克森
source

3

“ Ť运算，右，下，左”
- [R被真正
乙广告
大号imerick

— 尽管
source

2

TROUBLe最适合我。如果仅显示3个值，则为“上”，“边”，“下”（对英国用户而言，这就是TSB（政府必须使用我们的资金来纾困的银行）），因此TRouBLe和TSB紧密相连！

— 托比
source

2

因为我首先想到了顺时针方向，但麻烦始终是我的第二个提醒，但可能需要记住从哪里开始。但是，三值速记总是让我感到困惑，直到我意识到中间（或第二）值需要代表两个值（侧面）。因此，三个值-第二个是2个值-有助于我记住这一点。

— 米奇·鲍威尔
source

2

时钟技巧适用于4号快捷键，但是3号和2号快捷键有逻辑吗？1个数字，它适用于所有内容，这很有意义，但是

1 = (T/R/b/l) 
2 = (T=b) (R=l)   
3 = (T) (R=l) (b)  
4 = (T) (R) (b) (l)

看起来根本不合逻辑。但是...第一个值与顶部有关，第二个值与右侧有关，第三个值与底部有关，第四个值与左侧有关；如果数字与相反的数字相同，则未指定。除非所有值都相同，否则必须声明水平和垂直。

换句话说，您始终根据需要指定“顶部”和“右侧”值，“底部”和“左侧”。

— TRT
source

1

认为您正在阅读阿拉伯语或希伯来语：从页面顶部开始，从右到左到底部阅读。; P关于此“规则”的好处是，它也适用于3值版本： top right-and-left bottom

实际上，我一直认为这很难记住，但是，一旦我发现它是时钟的方向，它就会变得更加容易。

— 斯坦·斯特林豪格
source

1

它是

~~top right bottom left~~

~~不是你所拥有的~~

Ť hink ř飞行乙EFORE你大号EAP

— DD59
source

还有一个额外的“你”。

— ziyuang 2014年

1

那里总是康涅狄格州的小镇

—
source

1

* T * op * R *阿门，* B *底部，* L *解开

— 大卫·霍恩（David Horne）
source

1

记住驾驶课：

左转右转

— 来宾
source

0

如果您的年龄足以记住原始的《星际迷航》电视连续剧（您知道上尉柯克），那么首先，您该死的太老了。但是有“麻烦与小麻烦”情节。标题中的两个名词均有效。我过去曾经使用过，但也喜欢用时钟类比。

— 迈克凯里
source

0

每当您遇到特定情况时，只需考虑顺时针旋转，即时钟从0旋转到60进行圆周旋转的方式。

在我看来，钟表比单词TRouBLe（标记为答案）更容易记住，因为单词 trouble属于英语，并且所有母语为英语的人都可能会更容易记住与给定情况相关的TRouBLe单词，但并非如此其他只在需要时才使用英语的人。

当要记住某件事（如所问的问题）时，时钟顺时针旋转并非如此，因为顺时针旋转是世界范围内众所周知的现象。

— R K
source

0

一些缩写（可以考虑听起来很熟悉的缩写）：

TR OU BL E（TR OU BL ESHOOT，TR OU BL ESOME）
Ť Ë ř RI BL ë
TR IB BL E
Ť他ř oyal乙ritish大号egion
Ť obacco ř OAD乙asketball大号eague
Ť EMPORARY ř evenue乙orrowing大号IMIT
Ť ransformational ř ule-乙ASED大号收入

— drac_o
source