2011-08-12 11 views
8

Wiem, że BR służy do tworzenia podziałów linii. Zastanawiam się tylko, czy tworzy również przestrzeń między liniami? Proszę pod uwagę przykład:Czy znacznik BR ma wysokość?

<p> 
Hello <br/> Stackoverflow <br/><br/><br/> ! 
</p> 

Wyjście wygląda następująco:

Hello 
Stackoverflow 


! 

Stawiając coraz więcej BR znalazłem zwiększyć odstęp między wierszami. Czy to z powodu <br>? Ale kiedy próbuję kontrolować wysokość w CSS, nie ma to miejsca, wygląda na to, że nie ma w ogóle wysokości, a jedynie linię podziału. Jeśli <br> nie jest przyczyną odstępu między wierszami, to kto i jak kontrolować je w CSS? Ponadto zwykle używam <br> do tworzenia dużej odległości między liniami, robię to, aby zastąpić \n\r lub tym podobne, gdy dane pochodzą z bazy danych, czy to w porządku?

+0

Jednym z rozwiązań jest tutaj ''
wysokość- http://stackoverflow.com/a/20488415/2165415 == –

Odpowiedz

2

I okazało się, że miejsce, które widzimy, kiedy kładziemy wielokrotnego BR nie jest rzeczywiście spowodowane przez BR ale wysokość linii elementu p w.

Rozważmy następujący znacznik:

<p> 
Hello <br/> Stackoverflow <br/><br/><br/> ! 
</p> 

Wyjście

1. Hello 
2. Stackoverflow 
3. 
4.  
5. ! 

Linia 3 i 4 są tu tylko puste linie. Mimo że są puste, wciąż mają wysokość linii.

2

Element BR siłą wybucha (końce) aktualny wiersz tekstu ...

Więcej informacji here. i tak, dodanie więcej zwiększy odległość, ale nie wierzę, że możesz zrobić wiele dla stylizacji, z wyjątkiem stosowania clear.

2

Liczba użytych < br/> powoduje tylko tworzenie podziałów linii. Jeśli chcesz utworzyć dużą przestrzeń między określonymi sekcjami na stronie, użyłbym atrybutu margines CSS, aby oddzielić jedną górną sekcję od następnej. Na przykład:

<div id="topSection" class="margin-bottom: 100px;">Hello Stackflow</div> 
<div id="bottomSection">Content lower on the screen without unnecessary breaks.</div> 
6

Znacznik <br /> służy do podziałów linii. Możesz użyć właściwości wysokości linii CSS, aby kontrolować odległość między liniami, jeśli chcesz spojrzeć na nią w ten sposób.

1

Tak, umieszczając więcej znaczników BR zostaną utworzone nowe podziały wierszy. Nie jest preferowane używanie znaczników BR do tworzenia dużych odległości między liniami, a raczej stosowanie CSS margin i padding do wprowadzania spacji.

+0

ja również na myśli używając marginesu i dopełnienie.Zobacz moją edycję o nowej linii z bazy danych. – dpp

+0

W takim przypadku użyj wyrażenia regularnego, aby zastąpić 'BR' przez' P'. Zobacz pracę [demo tutaj] (http://jsfiddle.net/f6ju2/2/). –

1

Jako alternatywa do stosowania <br /> aby odstępy chcesz się między wierszami, można użyć CSS line-height własność

+0

Więc myślisz, że te spacje nie pochodzą od 'BR', ale z domyślnej' wysokości linii '? – dpp

+0

Spacje między 'Stackoverflow' i'! 'Są spowodowane znacznikami'
', które dodałeś. Używając właściwości CSS 'line-height', możesz zmienić odstępy między liniami (niezależnie od tego, czy są one łamane siłą, czy nie). – kaveman

5

dla dużych odległości między liniami, lepiej jest użyć <p> tagów dla każdej linii, w której może kontrolować wysokość.

http://jsfiddle.net/efortis/f6ju2/

+0

' p' jest dobrym rozwiązaniem, zobacz moją edycję o nowej linii. Jak mam użyć 'p', gdy tekst pochodzi z bazy danych? – dpp

+0

Tak, możesz wstępnie sformatować swoje dane –

Powiązane problemy