A napokban kicsit állítottam a honlap tipográfiáján: növeltem a sorközt, áttértem behúzásos bekezdésjelölésre.
Az még viszonylag ismert szabály, hogy behúzni csak bekezdést közvetlenül követő bekezdést kell – ennek a megoldására kiváló a p + p {text-indent: 2em;} CSS-szabály.
Kevésbé ismert az a szokás, hogy ha egy egysoros bekezdést tompán (behúzás nélkül) szedünk a fenti okból, akkor a következő bekezdést is tompán szedjük.
Nos, erre nem találtam szép megoldást a böngészők által támogatott módszerek között. Egyetlen, viszonylag hosszadalmasan megvalósítható ötletem van.
Minden olyan elemre, melynek van közvetlen <p /> gyermeke,
- lemásolom az első ilyet,
- abszolút pozicionálom mondjuk a jobb alsó sarokba,
- elrejtem,
- tartalmát „Áj”-re módosítom. (Ennél lényegesen magasabb sor nem adódhat, törési hely nincs benne.)
- Ezen bekezdés magasságát pixelben lemérem.
- Törlöm az próbaelemet.
- Az elem összes bekezdését megvizsgálom, hogy nagyobbak-e a fenti méret másfélszeresénél.
- Ha nem, és az őket megelőző bekezdés előtt nem bekezdés áll, kapnak egy osztályt.
Te hogy oldanád meg?