| Autor | Zpráva | ||
|---|---|---|---|
| barkel Profil |
Ako zapisem hodnotu v css len pre lavu a pravu stranu jednym riadkom?
css: div {
padding: 100px;
}
.trieda {
padding: povodnaHodnota 10px;
}html: <div class="trieda"></div> proste chcem aby kontainer mal z prava a z lava 10px ale z hora a dola aby ostala povodna hodnota, ktora patri tomuto elementu teda v tomto pripade 100px. samozrejme nechcem to pisat takto: div {
padding: 100px;
}
.trieda {
padding: 100px 10px;
}lebo tym by som porusil princip DRY. |
||
| blaaablaaa Profil |
#2 · Zasláno: 11. 5. 2020, 19:45:35
barkel:
div {
padding: 100px;
}
.trieda {
padding-left: 10px;
padding-right: 10px;
} |
||
| barkel Profil |
blaaablaaa:
to ale neni jeden riadok a nechem to ani takto (keby ma niekto chcel nachytat): div {
padding: 100px;
}
.trieda {
padding-left: 10px; padding-right: 10px;
}chcem to proste 1dnym prikazom na 1 riadok. |
||
| Tomášeek Profil |
#4 · Zasláno: 12. 5. 2020, 16:50:19
barkel:
Toto je správné řešení, nevymyslej blbosti. |
||
| lionel messi Profil |
#5 · Zasláno: 12. 5. 2020, 16:51:14
barkel:
Možno hľadáš niečo ako css framework SCSS/SASS, kde sa dá pracovať s premennými: $div_padding: 10px;
div {
padding: $div_padding;
}
.trieda {
padding: $div_padding 10px;
}Ale to sme už mimo čistého CSS. |
||
| barkel Profil |
#6 · Zasláno: 12. 5. 2020, 21:25:00
Tomášeek:
V prvom poste píšem že by to malo byť na 1 riadok. Hento riešenie poznám ale neni to na 1 riadok a je to ukecané. Ja som hľadal niečo čím práva nahradím tie 2 riadky. lionel messi hej to je dobré riešenie žiaľ nie v čistom CSS. Tu sa ukazuje že CSS nebolo dobre navrhnuté. Lebo takéto základné veci by malo obsahovať už CSS. |
||
| blaaablaaa Profil |
#7 · Zasláno: 12. 5. 2020, 21:46:13
barkel:
Doporučuji nevymýšlet blbosti na úkor čitelnosti a udržitelnosti. Kažopádně by možná šlo něco takového, nezkoušel jsem. Kromě IE. :root {
--main-padding: 100px;
}
div {
padding: var(--main-padding);
}
.trieda {
padding: var(--main-padding) 10px;
} |
||
| Keeehi Profil |
#8 · Zasláno: 12. 5. 2020, 22:39:10
barkel:
„Tu sa ukazuje že CSS nebolo dobre navrhnuté. Lebo takéto základné veci by malo obsahovať už CSS.“ CSS má určitě své mouchy ale tohle není jedna z nich. To že vymýšlíš blbosti je čistě tvůj problém. Ber to prostě tak, že padding-top, padding-right, padding-bottom a padding-left jsou základní vlastnosti CSS pomocí kterých můžeš vyjádřit úplně vše co potřebuješ. A že padding je jen zkratka, která v určitých případech (v naprosté většině) se může použít a zápis zkrátit. Jediný problém je v tom, že se ti to tak nelíbí. |
||
| lionel messi Profil |
#9 · Zasláno: 12. 5. 2020, 22:41:41
barkel:
„ale neni to na 1 riadok“ Pri minifkácii CSS je každé riešenie prísne vzaté na jeden riadok. :-) |
||
| barkel Profil |
#10 · Zasláno: 12. 5. 2020, 22:49:52
Áno CSS je dokonalosť sama. Stačilo napísať "nedá sa to" howgh.
|
||
|
Časová prodleva: 4 roky
|
|||
0