HTML: Uzun paragraflar için yalnızca dikey kaydırma çubuklarıyla bir DIV nasıl oluşturulur?

Web sitemde şartlar ve koşul notu göstermek istiyorum. Metin alanını kullanmak istemiyorum ve ayrıca tüm sayfamı kullanmak istemiyorum. Sadece metnimi seçilen alanda görüntülemek istiyorum ve aşağı inip tüm metni okumak için yalnızca dikey kaydırma çubuğunu kullanmak istiyorum.

Şu anda bu kodu kullanıyorum:

<div style="width:10;height:10;overflow:scroll" >
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
</div>

İki Sorun:

1. Genişlik ve yüksekliği sabitlemez ve tüm metin görünene kadar yayılmaz.
2. İkincisi yatay kaydırma çubuğunu gösteriyor ve göstermek istemiyorum.

Kullanın overflow-y. Bu tesis CSS 3'tür.

yatay kaydırma çubuklarını gizlemek için taşma-x değerini gizli olarak şu şekilde ayarlayabilirsiniz:

overflow-x: hidden;

Belirtmek gerekir widthve heightde px:

width: 10px; height: 10px;

Ayrıca overflow: auto;, yatay kaydırma çubuğunun gösterilmesini engellemek için de kullanabilirsiniz .

Bu nedenle, aşağıdakileri denemek isteyebilirsiniz:

<div style="width:100px; height:100px; overflow: auto;" >
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
</div>

Önce teşekkür ederim

Kullan overflow:autobenim için çalışıyor.

yatay kaydırma çubuğu kaybolur.

Her durumda kümesi için overflow-xiçin hiddenve ben sette tercih max-heightdiv yüksekliği genişlemesini sınırlamak için. Kodunuz şöyle görünmelidir:

overflow-y: scroll;
overflow-x: hidden;
max-height: 450px;

Div'inizde dikey kaydırma çubuğunu göstermek için

height: 100px;   
overflow-y : scroll;

veya

height: 100px; 
overflow-y : auto;

overflow-y : scroll;
overflow-x : hidden;

height İsteğe bağlı

Overflow özelliğini kullanabilirsiniz

style="overflow: scroll ;max-height: 250px; width: 50%;"

Aynı sorunla da karşılaştım ... bunu yapmaya çalışın ... bu benim için çalıştı

        .scrollBbar 
        {
        position:fixed;
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        overflow-x:hidden;
        overflow-y:auto;
       }

Bu benim karışımım:

overflow-y: scroll;
height: 13em; // Initial height.
resize: vertical; // Allow user to change the vertical size.
max-height: 31em; // If you want to constrain the max size.