HTML: Làm cách nào để tạo DIV chỉ với các thanh cuộn dọc cho các đoạn văn dài?

Tôi muốn hiển thị các điều khoản và điều kiện lưu ý trên trang web của tôi. Tôi không muốn sử dụng trường văn bản và cũng không muốn sử dụng toàn bộ trang của mình. Tôi chỉ muốn hiển thị văn bản của mình trong khu vực được chọn và chỉ muốn sử dụng thanh cuộn dọc để đi xuống và đọc tất cả văn bản.

Hiện tại tôi đang sử dụng mã này:

<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>

Hai vấn đề:

1. Nó không sửa chữa chiều rộng và chiều cao và trải rộng cho đến khi tất cả các văn bản xuất hiện.
2. Thứ hai, nó đang hiển thị thanh cuộn ngang và tôi không muốn hiển thị nó.

Sử dụng overflow-y. Thuộc tính này là CSS 3.

để ẩn các thanh cuộn ngang, bạn có thể đặt overflow-x thành ẩn, như thế này:

overflow-x: hidden;

Bạn cần chỉ định widthvà heighttrong px:

width: 10px; height: 10px;

Ngoài ra, bạn có thể sử dụng overflow: auto;để ngăn thanh cuộn ngang hiển thị.

Do đó, bạn có thể muốn thử như sau:

<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>

Cảm ơn bạn trước

Sử dụng overflow:autonó làm việc cho tôi.

thanh cuộn ngang biến mất.

Đối với mọi trường hợp được đặt overflow-xthành hiddenvà tôi thích đặt max-heightđể hạn chế việc mở rộng chiều cao của div. Mã của bạn sẽ trông như thế này:

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

Để hiển thị thanh cuộn dọc trong div của bạn, bạn cần thêm

height: 100px;   
overflow-y : scroll;

hoặc là

height: 100px; 
overflow-y : auto;

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

height Là tùy chọn

Bạn có thể sử dụng thuộc tính tràn

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

Tôi cũng phải đối mặt với cùng một vấn đề ... cố gắng làm điều này ... điều này làm việc cho tôi

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

Đây là hỗn hợp của tôi:

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.