Köprü metninin HTML çapa etiketine satır içi sarılması

Question

Bağlantıda küçük bir dikdörtgenin içinde yer alırken bir HTML bağlantısında gerçekten uzun metinlere izin vermenin bir yolunu bulmaya çalışıyorum.

Esasen, bunu istiyorum:

yerine

 
         with a really, really 
    Here is some text long link that wraps and here is some more text. 
         around in a rectangle 

:

 
    Here is some text with a really, really long link that wraps 
    around in a rectangle and here is some more text. 

Bunu nasıl yapabilirim?

Answer 1

Sen Firefox'ta böyle yapabiliriz - bu tam olarak hangi size arzu etkiyi verecektir Eğer linke display:inline-block; css özelliğini kullanabilirsiniz :(

<p>Here is some text <a href="#">with a really, really long link that wraps</a> around in a rectangle and here is some more text. 


<style type="text/css"> 

a {display: inline-block; max-width: 100px; vertical-align: middle;} 

</style> 

Answer 2

olsa IE çalışmıyor (dont genişliğini :) ayarlamayı unutmayın

ekran:.. Eğer birileri sıkı çalışma yaptık ve geçici bir çözüm here ile geldi için inline-block IE desteklenen, ancak şanslı değildir

Answer 3

bildiğim şudur oldukça yaşlı ama Bu konuda hala benim için ortaya çıkan ilk arama sonuçlarından biriydi.

white-space: pre-wrap; 

ben ön yükleme alanı kullanıyordum çünkü bu sorunu olan yara

Answer 4

benim genişliği kısıtlamalar çevresine metin sarmak için çapa zorladı ve bu özellikten biri stilleri olduğu gibi bu ayar varsayılan olarak oldu: Kullanıyorum bulundu yapılan

.dropdown-menu > li > a{ 
    white-space: nowrap; 
} 

Ben ilk o wh ayarlamak zorunda "kelimesi-break" ve aslında sorunu Yani

çözme "genişlik" css özelliklerini muhafaza ite-space özelliği "ön-sarma" yerine