Mnemonik kolejności marginesów CSS i skróconych właściwości dopełnienia


85

Nigdy nie pamiętam kolejności właściwości shorthand do ustawiania marginesu lub wypełnienia w jednej deklaracji. To jest:

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

można zapisać jako

margin: 2px 8px 4px 3px;

Tak, rozumiem, że kolejność można sobie wyobrazić, myśląc o zegarze, zaczynając od południa i przesuwając się zgodnie z ruchem wskazówek zegara. Ale ciągle o tym zapominam. Muszę tekstowo przypomnieć zamówienie góra, prawo, dół, lewo.

Stąd TBLR TRB L.

Coś takiego jak This [rzeczownik R] [czasownik B] [rzeczowniki L] jest prawdopodobnie drogą do zrobienia, ale czuję, że brakuje mi inspiracji. Jeśli ktoś natknął się na przydatne do tego mnemoniki, bardzo chciałbym to usłyszeć. Jak dobry mem, jestem pewien, że kiedy coś utknie w moim mózgu, prawdopodobnie nie zapomnę tego.

UWAGA : To pytanie zawierało nieprawidłowe informacje - kolejność (jak zauważono w niektórych komentarzach i odpowiedziach) jest następująca: górny prawy dolny lewy . (heh, widzisz co mam na myśli? - dland)


21
to AWARIA, naprawdę zrobić zapomniały go
pomimo

10
To przesada dla każdego, kto zna zegary analogowe. Abstrakcje, takie jak słowa i akronimy, są nienaturalne dla ludzkiego umysłu, pamiętanie TRBL, a następnie ręczne przekształcanie każdej litery w fizyczną orientację sprawia, że ​​życie jest bardziej skomplikowane, niż powinno być IMO. Znacznie lepiej zapamiętać kolejność wizualnie, w końcu pracujesz w medium wizualnym w tym kontekście: D.
mahemoff

2
Należy również pamiętać, co się stanie, jeśli zostaną podane tylko dwie lub trzy wartości. Na przykład „margin: 3em 5em;” i "margines: 3em 5em 6em;". W pierwszym 3em jest używany na górze i na dole, a 5 na lewej i prawej stronie. W drugim 3 na górze, 5 na lewo i na prawo oraz 6 na dole. Zakładam, że łatwo jest zapamiętać, co się stanie, jeśli podana zostanie tylko jedna wartość.
Harry Pehkonen

2
Uwielbiam odpowiedzi, ale to chyba najbardziej absurdalne pytanie tylko ze względu na sposób, w jaki do niego podchodzisz. Całkowicie straciłeś mnie z rzeczownikami i czasownikami. To pudełko, włóż do niego zegar i skończ z tym.
Eric Bishard

Odpowiedzi:



76

Właściwie zegar działa idealnie. To najbardziej intuicyjny sposób, żeby to zapamiętać, przynajmniej dla mnie.


1
I działa to również obrazowo ... przez większość czasu i tak będziesz myśleć wizualnie.
Armstrongest


21

Dlaczego po prostu nie pamiętasz, że kolejność przebiega zgodnie z ruchem wskazówek zegara od góry:

GÓRA -> PRAWO -> DOL -> LEWO



12

Pomyśl zgodnie z ruchem wskazówek zegara, to najłatwiejszy sposób. Zaczyna się od góry i idzie dookoła ... o wiele łatwiejsze do zapamiętania niż jakieś głupie zdanie (pod warunkiem, że umiesz czytać zegar ...)







2

TRouBLe jest dla mnie najlepszy. A jeśli pokazane są tylko 3 wartości, to Top, Sides, Bottom - co dla brytyjskich użytkowników oznacza TSB (bank, który rząd musiał wykupić za nasze pieniądze) - więc TRouBLe i TSB są ze sobą ściśle powiązane!


2

PROBLEM jest dla mnie zawsze drugorzędnym przypomnieniem, ponieważ najpierw myślę o kierunku zgodnym z ruchem wskazówek zegara, ale być może będę musiał pamiętać, gdzie zaczynasz; jednak skrót 3-wartości zawsze mnie mylił, dopóki nie zdałem sobie sprawy, że środkowa (lub druga) wartość musi reprezentować dwie wartości (boki). Tak więc trzy wartości - druga to 2 wartości - pomagają mi to zapamiętać.


2

Sztuczka z zegarem działa dla skrótu numer 4, ale czy istnieje jakaś logika dla skrótów numerycznych 3 i 2? 1 numer i dotyczy wszystkiego, i to ma sens, ale

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

Po prostu nie wydaje się to wcale logiczne. Ale ... Pierwsza wartość odnosi się do góry, druga do prawej, trzecia do dołu, a czwarta do lewej; Liczba nie jest określona, ​​jeśli jest taka sama, jak jej przeciwieństwo. MUSZĄ być zadeklarowane poziome i pionowe, chyba że wszystkie wartości są identyczne.

Innymi słowy, zawsze określasz wartości Top i Right, dolny i lewy przypadają zgodnie z wymaganiami.


1

Pomyśl, że czytasz arabii lub hebrajskiego: czytaj od góry strony, od prawej do lewej do dołu. ; P Dobrą rzeczą w tej „regule” jest to, że działa ona również dla wersji z trzema wartościami: top right-and-left bottom

Właściwie to wszystko wydawało mi się trudne do zapamiętania, ale gdy tylko odkryłem, że to kierunek zegara, było łatwiej.


1

To jest

top
right 
bottom 
left

nie to, co masz

T hink R rawo B rzed ci L EAP


Jest dodatkowe „ty”.
ziyuang

1

Tam zawsze jest miasto TRumBuLl Connecticut




0

Jeśli jesteś na tyle dorosły, że pamiętasz oryginalny serial telewizyjny Star Trek (wiesz, z Capt Kirkiem), cóż, po pierwsze, jesteś za cholernie stary. Ale jest odcinek „ The Trouble with Tribbles ”. Oba rzeczowniki w pracy tytułowej. Używałem tego w przeszłości, ale wolę też analogię z zegarem.


0

Ilekroć uderzysz w daną sytuację, pomyśl po prostu o ruchu zgodnym z ruchem wskazówek zegara, tj. O sposobie, w jaki zegar obraca się od 0 do 60 w obrotach kołowych.

Moim zdaniem rzecz z zegarem jest łatwiejsza do zapamiętania niż słowo KŁOPOTY (jak zaznaczona odpowiedź), ponieważ słowo to troublenależy do języka angielskiego i wszystkim tym, którzy są ojczystymi językami, może być łatwiej zapamiętać słowo KŁOPOTY w odniesieniu do danej sytuacji inni, którzy używają języka angielskiego tylko wtedy, gdy naprawdę muszą.

To samo nie jest prawdą w przypadku rotacji zegara zgodnie z ruchem wskazówek zegara, jeśli chodzi o zapamiętywanie czegoś (jak zadawano mu pytanie), ponieważ rotacja według zegara jest zjawiskiem bardzo znanym na całym świecie.


0

Kilka skrótów (można rozważyć ten, który brzmi znajomo):

  1. TR OU BL E ( TR OU BL ESHOOT , TR OU BL ESOME )
  2. T E R RI BL E
  3. TR IB BL E
  4. T że R oyal B ritish L egion
  5. T ytoń R OAD B asketball L eague
  6. T emi tional R evenue B orrowing L imit
  7. T ransformational R ule- B ased L zarobki
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.