White-space, hogy ne lógjon ki a szöveg
A minap egy megvásárolt template-et alakítottam át, amikor egy fura problémával szembesültem.
A szöveg kilógott a tartalmazó div-ből, annak ellenére, hogy overflow nem volt beállítva és még az egyik korábbi posztomban említett word-break property is rendben volt.
Kis kutatás után rájöttem, hogy a white-space property-vel van a gond, mert a template-ben beállított értéke nowrap volt. Így nézett ki akkor a kód:
Ez pedig egy preview hozzá:
See the Pen by Progninjas.com (@progninjas) on CodePen.
A megoldás az volt, hogy a white-space property értékét át kellett állítani normal-ra. Ilyen lett a kód:
Ilyen pedig a preview:
See the Pen White-space:normal by Progninjas.com (@progninjas) on CodePen.
Instagram poszt
További 'HTML' cikkek
Vastagbetűssé szeretnénk tenni a header-ben, a main-ben és a footer-ben található bekezdéseket.
A kérés a következő: adott mondat első karakterét válasszuk ki, tegyük vastag betűssé illetve növeljük a betűméretét is!
Az egyik projekt kapcsán sticky element-et kellett csinálnom, tehát hogy az egyik div “ragadjon” oda a parent element széléhez.
Nem tudom feltűnt-e már, de bizonyos betűtípusok esetén feltűnő, hogy Mac-en nézve vastagabbak a betűk, mint mondjuk Windows-on!
