Thanh cuộn được sử dụng để thay đổi vị trí của nội dung hiển thị trong cửa sổ ứng dụng, thường là trang tài liệu. Theo mặc định, chúng tự động xuất hiện trong trường hợp chiều rộng hoặc chiều cao của cửa sổ không đủ để hiển thị toàn bộ trang đang mở. Do đó, để thoát khỏi thanh cuộn ngang, bạn cần thay đổi chiều rộng của trang hoặc cửa sổ ứng dụng mà nó đang mở.
Hướng dẫn
Bước 1
Thu nhỏ trang - đây là cách dễ nhất để loại bỏ thanh cuộn ngang khi xem trang. Trong bất kỳ trình duyệt nào, điều này có thể được thực hiện bằng cách lăn con lăn chuột về phía bạn trong khi giữ phím ctrl. Nhiều trình soạn thảo văn bản (ví dụ, Microsoft Word) cũng hỗ trợ điều khiển thu phóng trang như vậy. Trong các trình duyệt, bạn cũng có thể sử dụng phím trừ thay vì chuột. Mỗi lần nhấp hoặc lần lượt của bánh xe, một điểm dừng sẽ thu nhỏ 10% cho đến khi kích thước ngang đủ lớn để hiển thị trang mà không có thanh cuộn ngang.
Bước 2
Sử dụng khả năng của trình duyệt để giả mạo mã nguồn của trang web và thay đổi kiểu hiển thị được chỉ định trong đó để phù hợp với chiều rộng của cửa sổ - một số trình duyệt web có tùy chọn này. Ví dụ, trong trình duyệt Opera, bạn chỉ cần nhấp vào biểu tượng "Fit to Width" và thanh cuộn ngang sẽ biến mất, và các cột của trang được xem sẽ thay đổi kích thước của chúng. Nếu cần quay lại bố cục trang do người tạo chỉ định, hãy nhấp lại vào biểu tượng này.
Bước 3
Khi tạo các trang web, hãy sử dụng thuộc tính CSS overflow-x để vô hiệu hóa chức năng cuộn ngang của toàn bộ trang hoặc các phần tử khối riêng lẻ của nó. Thuộc tính này đã được giới thiệu trong CSS kể từ phiên bản 3.0 và được hỗ trợ bởi tất cả các trình duyệt hiện đại. Các giá trị có thể được gán cho nó là tự động, ẩn, cuộn, hiển thị. Nếu thuộc tính này không được chỉ định trong mô tả kiểu thì nó được coi là có giá trị tự động, nghĩa là, cuộn ngang sẽ xuất hiện khi nội dung không vừa với chiều rộng của phần tử. Để tắt tính năng cuộn hoàn toàn cho tất cả các trường hợp, hãy sử dụng giá trị ẩn. Ví dụ:
nội dung {tràn-x: hidden;}
