Un mnemonico per l'ordine delle proprietà abbreviate di margine e riempimento CSS


85

Non riesco mai a ricordare l'ordine della proprietà di abbreviazione per impostare il margine o il riempimento in una dichiarazione. Questo è:

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

può essere scritto come

margin: 2px 8px 4px 3px;

Sì, capisco che si può visualizzare l'ordine pensando a un orologio, partendo da mezzogiorno e muovendosi in senso orario. Ma continuo a dimenticarmene. Devo richiamare testualmente l'ordine in alto, a destra, in basso, a sinistra.

Quindi, TBLR TRB L.

Qualcosa come questo [nome-R] [verbo in si] [nomi in s] è forse la strada da percorrere, ma sento che mi manca l'ispirazione. Se qualcuno ha trovato un utile mnemonico per questo, mi piacerebbe ascoltarlo. Come un buon meme, sono sicuro che una volta che qualcosa si è incastrato nel mio cervello difficilmente lo dimenticherò.

NOTA : questa domanda ha fornito informazioni errate: l'ordine (come indicato in alcuni commenti e risposte) è in alto a destra in basso a sinistra . (heh, vedi cosa intendo? - dland)


21
è TRBL, è davvero fare avere difficoltà a ricordare che
nonostante

10
Questo è eccessivo per chiunque abbia familiarità con gli orologi analogici. Astrazioni come parole e acronimi sono innaturali per la mente umana, ricordare TRBL e quindi convertire manualmente ogni lettera in un orientamento fisico sta rendendo la vita più complicata di quanto dovrebbe essere IMO. È molto meglio ricordare visivamente l'ordine, dopotutto stai lavorando in un mezzo visivo in questo contesto: D.
mahemoff

2
Dovrebbe anche ricordare cosa succede se vengono forniti solo due o tre valori. Ad esempio "margin: 3em 5em;" e "margin: 3em 5em 6em;". Nel primo, 3em viene utilizzato per i lati superiore e inferiore e 5 per i lati sinistro e destro. Nella seconda, 3 per la parte superiore, 5 per sinistra e destra e 6 per la parte inferiore. Presumo sia facile ricordare cosa succede se viene fornito un solo valore.
Harry Pehkonen

2
Adoro le risposte, ma questa deve essere la domanda più ridicola solo per il modo in cui la affronti. Mi hai completamente perso con i nomi e i verbi. È una scatola, mettici dentro un orologio e finiscila.
Eric Bishard

Risposte:



76

In realtà l'orologio funziona perfettamente. È il modo più intuitivo per ricordarlo, almeno per me.


1
E funziona anche pittoricamente ... la maggior parte delle volte, penserai comunque in base a linee visive.
Armstrongest


21

Perché non ricordare solo che l'ordine va in senso orario partendo dal TOP:

IN ALTO -> DESTRA -> BASSO -> SINISTRA



12

Pensa solo in senso orario, è il modo più semplice. Inizia in alto e gira ... molto più facile da ricordare di qualche frase sciocca (ammesso che tu sappia leggere un orologio ...)







2

TRouBLe è la cosa migliore per me. E se vengono mostrati solo 3 valori, è Top, Sides, Bottom - che per gli utenti del Regno Unito si scrive TSB (la banca che il governo ha dovuto salvare usando i nostri soldi) - quindi TRouBLe e TSB sono strettamente collegati!


2

GUASTO è sempre un promemoria secondario per me, poiché penso prima alla direzione in senso orario, ma potrebbe essere necessario ricordare da dove inizi; tuttavia, l'abbreviazione a 3 valori mi ha sempre confuso finché non ho realizzato che il valore medio (o secondo) deve rappresentare due valori (i lati). Quindi, tre valori - il secondo è 2 valori - mi aiuta a ricordarlo.


2

Il trucco dell'orologio funziona per la scorciatoia da 4 numeri, ma c'è qualche logica per le scorciatoie da 3 e 2 numeri? 1 numero e si applica a tutto, e questo ha senso, ma

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

Semplicemente non sembra affatto logico. Ma ... Il primo valore è relativo a Top, il secondo a destra, il terzo è il minimo e il quarto è a sinistra; Un numero non è specificato se è uguale al suo opposto. Orizzontale e verticale DEVONO essere dichiarati a meno che tutti i valori siano identici.

In altre parole, si specificano sempre i valori Top e Right, bottom e left rientrano come richiesto.


1

Pensa che stai leggendo arabo o ebraico: leggi dall'alto della pagina, da destra a sinistra fino in fondo. ; P La cosa buona di questa "regola" è che funziona anche per la versione a 3 valori: top right-and-left bottom

In realtà, pensavo anche che fosse difficile da ricordare, ma non appena ho scoperto che era la direzione dell'orologio è stato più facile.


1

È

top
right 
bottom 
left

non quello che hai

T hink R ight B si rima L EAP


C'è un "tu" in più.
ziyuang

1

C'è sempre la città di TRumBuLl Connecticut



1

Ricorda la lezione di guida:

Gira a destra prima di sinistra


0

Se sei abbastanza grande per ricordare la serie TV originale di Star Trek (sai, con il capitano Kirk), beh, prima di tutto, sei troppo dannatamente vecchio. Ma c'è l' episodio " The Trouble with Tribbles ". Entrambi i sostantivi nel titolo funzionano. L'ho usato in passato, ma preferisco anche l'analogia dell'orologio.


0

Ogni volta che colpisci in una data situazione, pensa solo a una rotazione in senso orario, cioè il modo in cui l'orologio ruota da 0 a 60 in una rotazione circolare.

La cosa dell'orologio è più facile da ricordare della parola TRouBLe (come risposta contrassegnata) a mio parere dalla parola trouble appartiene alla lingua inglese e tutte quelle menti native della lingua inglese potrebbero trovare più facile ricordare la parola TRouBLe in relazione alla situazione data ma non altri che usano la lingua inglese solo quando devono.

Lo stesso non è vero con la rotazione in senso orario di un orologio, quando si tratta di ricordare qualcosa (come gli è stata posta la domanda) poiché la rotazione in senso orario è un fenomeno molto noto a livello mondiale.


0

Alcune abbreviazioni (si può considerare quella che suona familiare):

  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 ha R oyal B ritish L Egion
  5. T favore del tabacco R oad B asketball L eague
  6. T emporary R evenue B orrowing L imit
  7. T ransformational R ule- B ased L guadagno
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.