Złamanie linii wiersza co zamiast br

0

Witam,
Uczę się HTML/CSS i mam związane z tym pytanie. Z kursu z którego się uczę instruktor mówi żeby zawsze starać się wygląd tworzyć w CSS żeby nawet <br> nie stosować, że to trochę taka zła praktyka a, akurat tworzę stronę na której bym musiał złamać linie wiersza, oczywiście udało mi się to osiągnąć w CSS poprzez zmienienie szerokości rodzica. Są jeszcze wiele sposobów z tego co wyczytałem na internecie ale chciałem się dowiedzieć jakich sposobów używają doświadczeni front-end developerzy czy może jest to przesada z strony instruktora?

Pozdrawiam

0

np mozna użyć w css white-space: pre-line; i wtedy każdy "enter" ci się przełamie

1

Myślę, że chodzi o to, żeby nie nadużywać znacznika <br />, a nie wcale go nie używać. Jeśli potrzebujesz złamać wiersz to należy użyć <br />. Jeśli natomiast chcesz zrobić pod obrazkiem odstęp to nie daje się wtedy trzy razy <br /> tylko używa margin lub padding w CSS.

Pozdrawiam, Dawid

0

Pomimo, że nie mam aż tyle doświadczenia we front-endzie, oraz nie jestem pewien czy to odpowie na Twoje pytanie, ale ja jeśli sytuacja tego wymaga, a również nie chcę używać <br> to dodaje css'a:

margin-bottom: 1em;

Ta metoda powoduje dodanie dolnego marginesu o wysokości wynoszącej dokładnie rozmiar standardowej wielkości czcionki. Oczywiście zwiększając te liczbę do np. 2em otrzymujemy przerwę dwóch linii tekstu. Czasami przydatne ;) Pozdrawiam.

0

Myślę, że wiem o co chodzi.
<br/> nie powinien być używany do definiowania rozmieszenia elementów na stronie (potocznie: robienia layoutu).
Nie powinno się go używać, jeśli np. chcesz, żeby tabelka znalazła się pod drugą tabelką/ albo obrazek pod innym ... i jeszcze żeby był odstęp. To jest powszeche nadużycie br, z którym się walczy.
Od takich rzeczy jest CSS.

Natomiast, jeśli masz li tylko tekst( artykuł/ treść), który siedzi sobie w jakiśm elemencie <span>,<p>,<article> czy czymkolwiek. To użycie br do wymuszenia przełamania linii tekstu jest jak najbardziej poprawne (zgodnie z moją wiedzą). Jakkolwiek przeważnie lepszym rozwiązaniem jest użycie paragrafów (p).

1 użytkowników online, w tym zalogowanych: 0, gości: 1