thế nào để ẩn thanh cuộn ngang trong div tag

Question

Tôi có một div với kích thước x = y = 540px 600px

Tôi muốn ẩn thanh cuộn ngang ngay cả khi văn bản lớn hơn x kích thước.

Làm cách nào để ẩn chỉ thanh cuộn ngang?

Answer 1

sử dụng overflow-x

<div class="MyDivClass"></div> 

CSS:

.MyDivClass { 
    height: 600px; 
    width: 540px; 
    overflow-x: hidden; 
} 

nếu bạn cũng muốn giấu việc sử dụng dọc overflow-y: hidden; hoặc cho cả hai chỉ overflow: hidden;

Answer 2

.MyDivClass { 
    height: 600px; 
    width: 540px; 
    overflow-x: hidden; 
} 

Answer 3

Sử dụng overflow-x: hidden trong thẻ body để ẩn scro ngang thanh ll trên toàn bộ trang HTML

body { 
    background: none repeat scroll 0 0 #757575; 
    font: 100%/1.4 Verdana,Arial,Helvetica,sans-serif; 
    margin: 0; 
    padding: 0; 
    height: 600px; 
    width: 540px; 
    overflow-x: hidden; 
} 

Answer 4

Bạn cũng có thể kiểm soát độc đáo rằng việc sử dụng mã dưới đây

.div{ 
    width: 540; 
    height: 600px; 
    overflow: scroll; 
    overflow-x: hidden; 
}