Div'de CSS kelime sarma

250px genişliğinde bir div'im var. İç metin bundan daha geniş olduğunda parçalanmasını istiyorum. Div float: sol ve şimdi bir taşma var. Kaydırma çubuğunun sözcük kaydırmayı kullanarak gitmesini istiyorum. Bunu nasıl başarabilirim?

<div id="Treeview">
<div id="HandboekBox">
    <div id="HandboekTitel">
        <asp:Label ID="lblManual" runat="server"></asp:Label>
    </div>
    <div id="HandboekClose">
        <asp:ImageButton ID="btnCloseManual" runat="server" 
            ImageUrl="Graphics/close.png" onclick="btnCloseManual_Click" 
            BorderWidth="0" ToolTip="Sluit handboek" />
    </div>
</div>
<asp:TreeView ID="tvManual" runat="server" RootNodeStyle-CssClass="RootNode">
    <Nodes>

    </Nodes>
</asp:TreeView>
</div>

CSS:

#Treeview
{
padding-right: 5px;
width: 250px;
height: 100%;
float: left;
border-right: solid 1px black;
overflow-x: scroll;
}

Andrew'un dediği gibi, metniniz tam da bunu yapıyor olmalı.

Sizin önerdiğiniz şekilde davranacağını düşünebildiğim bir örnek var ve bu, beyaz boşluk özelliğini ayarladıysanız.

Aşağıdakilerin CSS'nizde bir yerde olup olmadığına bakın:

white-space: nowrap

Bu, metnin bir satır sonu ile kesilene kadar aynı satırda devam etmesine neden olur.

Tamam, özür dilerim, daha sonra işaretlemeyi ekleyip düzenlemediğinden emin değilim (ilk başta görmedim).

Overflow-x özelliği, kaydırma çubuğunun görünmesine neden olan şeydir. Bunu kaldırın ve div, metninizin tamamını içermesi için olması gerektiği kadar yükseğe ayarlanacaktır.

Veya sadece kullanın

word-wrap: break-word;

IE 5.5+, Firefox 3.5+ ve Chrome ve Safari gibi WebKit tarayıcılarında desteklenir.

deneyin white-space:normal;Bu, devralmayı geçersiz kılarwhite-space:nowrap;

Oluşturulan html'nin neye benzediğini ve treeview div içindeki öğelere hangi stillerin uygulandığını görmeden kesin olarak söylemek oldukça zor, ancak hemen aklıma gelen şey

overflow-x: scroll;

Onu kaldırırsan ne olur?

kullanabilirsiniz:

overflow-x: auto; 

Overflow-x'te 'auto' ayarını yaparsanız, kaydırma yalnızca iç boyut DIV alanındaki en büyük olduğunda görünecektir.

Sadece bunu yapmamasına biraz şaşırdım. Div içinde 250'den büyük bir genişliğe ayarlanmış başka bir öğe olabilir mi?

Yalnızca width ve float css özelliklerini ayarlamak, bir sarma paneli elde eder. Aşağıdaki örnek gayet iyi çalışıyor:

<div style="float:left; width: 250px">
Pellentesque feugiat tempor elit. Ut mollis lacinia quam. 
Sed pharetra, augue aliquam   ornare vestibulum, metus massa
laoreet tellus, eget iaculis lacus ipsum et diam. 
</div>

Belki de görünümü değiştiren başka stiller vardır?

Bunun word-wrap: anywhereişe yaradığını buldum ( word-wrap: break-wordbaşka bir cevapta bahsedilenden farklı olarak).

Ayrıca bakınız:

"Word-wrap" css özelliğinde "her yerde" ne anlama geliyor?