2010-06-16 9 views
6

Oto coś, co ugrzęzło mnie przez jakiś czas. Stworzyłem dwa skrzypce, dzięki czemu można przetestować na żywo:Jak zrobić, aby tekst w tym div był rozwijany w pionie?

Fiddle # 1: http://www.jsfiddle.net/Jdk9R/2/

Fiddle # 2: http://www.jsfiddle.net/d5PEu/

patrząc na Fiddle nr 1 można dostrzec, że jeśli tekst nie jest sformatowany odpowiednio ze spacjami, tekst przepełnia granicę. Jak zrobić tę funkcję podobną do skrzypieC# 2? Czy jest to nieuniknione?

Odpowiedz

6

Możesz spróbować dodać regułę CSS: zawijanie wyrazów: słowo-przerwy; Jednak wyniki mogą wyglądać dziwnie.

+0

@partrickmcgraw dzięki tonę Udało –

+0

@partrickmcgraw jest to reguła CSS przeglądarka krzyż zgodny –

+1

? Po jakimś szukaniu go znalazłem tę stronę: http://snipplr.com/view/10979/css-cross-browser-word-wrap/ – patrickmcgraw

1

dodać styl do elementu div style = "word-wrap:. Przerwa-słowo jak pokazano poniżej

<div id="sd" style="word-wrap: break-word"> 
      Loremipsumdolorsitamet,consecteturadipisicing elit,seddoeiusmodtemporincididuntutlaboreetdoloremagna aliqua.Utenimadminimveniam,quisnostruexercitationullamcolaborisnisiutaliquipexeacommodoconsequat.Duisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariatur.Excepteursintoccaecatcupidatatnonproident,suntinculpaquiofficiadeseruntmollitanimidestlaborum. 
    </div> 
Powiązane problemy