Podział linii w rozpiętości o określonej szerokości?

Question

Jak mogę złamać linię w rozpiętości po osiągnięciu szerokości przęsła? Próbowałem szerokości maksymalnej, ale to nie zadziałało, zakres jest zawsze tak długi jak tekst.

Pomysły?

Dzięki!

Answer 1

Domyślnie elementy <span> są "wbudowane" i zawsze będą rosły do ​​rozmiarów ich zawartości. Musisz jednoznacznie zadeklarować, że <span> ma być display: block; lub display: inline-block;.

Answer 2

span to element wbudowany, co oznacza, że ​​jest zawijany wokół tekstu (lub innych elementów śródliniowych). Nie podlega width ani height.

Chcesz blok elementem, takim jak div, czy może inline-block element (osiągnięty poprzez ustawienie display: inline-block na element).

Answer 3

span { 
    display:block; 
    width:150px; 
    word-wrap:break-word; 
}