Sử dụng thuộc tính overflow trong CSS nhằm điều khiển lúc văn bản phần tử HTML quá thừa kích cỡ box


Thuộc tính overflow

Nlỗi những phần trước, phần nhiều thành phần trong trang số đông là những box. Nếu thuộc tính height của box ko được thiết lập,thì độ cao của box auto điều chỉnh theo văn bản phần tử.

Bạn đang xem: Thuộc tính overflow trong css là gì

Ví dụ:


This text is inside the div element, which has a xanh background color và is floated lớn the left. We mix a specific height and width for the div element, và as you can see, the nội dung cannot fit.
This text is inside the div element, which has a xanh background color và is floated lớn the left. We phối a specific height and width for the div element, & as you can see, the content cannot fit.
Tuy nhiên, Khi chiều rộng lớn cùng cao của box thắt chặt và cố định, ví như văn bản trong box thừa vượt kích thước box thì ngôn từ này hiện lên cầm nào được điều khiển bởi thuộc tính overflow

lấy ví dụ sau khi nôi dung thừa thừa form size box với ko sử dụng ở trong tính overflow


This text is inside the div element, which has a blue background color và is floated khổng lồ the left. We mix a specific height and width for the div element, và as you can see, the nội dung cannot fit.

Xem thêm: Top 5+ Tiệm Bánh Ngon Hà Nội Rẻ Mà Ngon, La Cà Top 12 Quán Cafe Bánh Hà Nội Xinh Lung Linh


This text is inside the div element, which has a blue background color and is floated khổng lồ the left. We set a specific height and width for the div element, và as you can see, the content cannot fit.

overflow nhấn các giá chỉ trị

visible đấy là khoác định, vẫn hiện lên text (bị tràn ra) khi quá qua kích thước box hidden nội dung quá qua box có khả năng sẽ bị ẩn scroll hiện thị thanh hao cuộn nhằm cuộn tự động hóa tự động hóa nếu như quan trọng vẫn hiện lên thanh khô cuộn

lấy một ví dụ áp dụng tkhô nóng cuộn:


This text is inside the div element, which has a xanh background color and is floated to lớn the left. We phối a specific height và width for the div element, và as you can see, the nội dung cannot fit.
This text is inside the div element, which has a xanh background color & is floated to lớn the left. We set a specific height và width for the div element, and as you can see, the content cannot fit.

*

Các đơn vị px em rem mm đo độ dài trong CSS Sử dụng thuộc tính filter vào CSS Sử dụng flexbox bố cục tổng quan trang vào CSS jQuery và CSS class Hiệu ứng vận động vào CSS3 Thuộc tính clear vào CSS Thuộc tính float trong CSS Vị trí phần tử position CSS Thuộc tính visibility vào CSS Thuộc tính display vào CSS
Giới thiệuPrivacyTừ điển Anh - ViệtChạy SQLRegExpCubic-bezierUnix timestampKý từ bỏ HTMLcalories, chỉ số BMRchỉ số kăn năn cơ thể BMITạo QR CodeLịch vạn niên Liên hệ RSS
Đây là blog cá thể, tôi ghi chép và share đa số gì tôi học được ở chỗ này về kiến thức lập trình PHPhường, Java, JavaScript, Android, C# ... cùng những kiến thức và kỹ năng technology khácDeveloped by anhchien.vn