Sararken DIV'de metni girmenin en iyi yolu nedir?

Question

Bazı dinamik metin içeren bir DIV sahibim. Diyelim ki yazıyı ve yazı tipi boyutunu biliyorum ama DIV'nin boyutunu bilmiyorum. Metin sararken DIV'deki metnin gösteriminin girinti gösterecek kadar akıllı olması hoşuma gider.

benim orijinal metin böyle bir şey görünüyordu ki:

Bilmiyorum eğer bunu yapmanın en iyi yolu nedir

 
Lorem ipsum dolor sit amet, 
    consectetur adipisicing 
    elit, sed do eiusmod 
    tempor incididunt 

: Yerine

 
Lorem ipsum dolor sit amet, 
consectetur adipisicing 
elit, sed do eiusmod 
tempor incididunt 

, ben böyle bakmak istiyorum DIV a priori boyutu? Ve eğer boyutu biliyorsanız, bunu yapmanın en iyi yolu nedir?

Teşekkürler! Ne için soruyorsun anlıyorsa

Answer 1

, bu benim için çalışıyor: Bu değişken ve sabit boyut DIV öğeleri hem eşit derecede iyi çalışması gerekir

div { 
    padding-left: 2em; 
    text-indent: -2em; 
} 

Answer 2

.

<div style="width: 150px; text-indent: -2em; padding-left: 2em;"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt. 
</div> 

Answer 3

çapraz tarayıcı desteği emin değil, ancak first-line pseudo-element kullanabilirsiniz: Ben

p {padding:10px;} 
p:first-line {padding-left:0px;} 

<p>Hello World, I'm Jonathan Sampson</p> 

Merhaba Dünya gibi diplayed olabilir mi
        Jonathan
        Sampson

Bunun dışında, öğeye sol doldurma ve ardından negatif bir metin girintisi verebilirsiniz.

Answer 4

W3C, yalnızca metin girintisi özelliğini kullanmanız gerektiğini söylüyor.

.indentedtext 
{ 
    text-align:start; 
    text-indent:5em; 
}