Overflow CSS: hiển thị các yếu tố nội dung

cascading style sheets rất dễ sử dụng, nếu bạn không đi vào rừng của thừa kế, phân bổ ưu tiên của cấu trúc lớp, các khía cạnh lý thuyết và kinh nghiệm thực tiễn.

Mục đích chính của mỗi tài sản trong CSS - hiển thị, nhưng nó không có nghĩa là chỉ "nhìn thấy": không kém phần quan trọng thiết kế "CSS Overflow ẩn".

các yếu tố trang

Trang bao gồm không chỉ các yếu tố, nó có thể được bố trí các yếu tố của các yếu tố, cho dù khung (và nó có thể không chỉ là một tập hợp các thành phần, nhưng một trang web khác nhau hoàn toàn), hoặc làm đối tượng hệ thống riêng.

Đương nhiên, đại đa số các trang web nhà phát triển thực hành bố trí cao su, buộc phải nghĩ với khối lượng ngày càng tăng của thông tin và thực tế là rào cản của 800 x 600 pixel - không phải là một rào cản đối với 640 KB, trong đó một vài thập kỷ vượt qua tâm lý của người sáng tạo MS DOS hơn làm phức tạp cuộc sống của các lập trình viên và người dùng máy tính để bàn đầu tiên.

Việc xây dựng trang web ban đầu mọi thứ đều dễ dàng hơn: trang không phù hợp trên màn hình, trình duyệt làm cho nó di chuyển. Mặc dù các nhà phát triển có thể cung cấp nội dung trang đầu ra trong cửa sổ mà không cần cuộn dải và không có tài sản khác: nội dung trang sẽ không bao giờ thoát ra ngoài cửa sổ phân bổ cho nó. Đây là tự nhiên, bên ngoài cửa sổ có những ứng dụng khác, và cửa sổ trình duyệt - không tốt hơn so với các cửa sổ khác: hệ điều hành luôn là cho các ứng dụng bình đẳng.

Tuy nhiên, không có vấn đề làm thế nào họ được ưu tiên trong việc lựa chọn các tùy chọn bố trí, bất kể như thế nào phân phối du khách quan tâm đến độ phân giải màn hình tối ưu cho xem các trang web, hôm nay có màn hình khác nhau mà có phải lúc nào cũng cơ hội hình chữ nhật kích thước cố định.

Thế giới động qua tràn CSS

Người ta cho rằng các trang trang web - nội dung này, trải ra trên các thẻ siêu văn bản, trong đó quy định như thế nào nó sẽ hiển thị trong một trường hợp cụ thể, dưới những điều kiện nhất định.

Mọi thứ đều được thay đổi liên tục. Thậm chí nếu trang web là như vậy mà nội dung của nó không thể thay đổi trong những năm qua, không có đảm bảo rằng một người truy cập bất ngờ sẽ không mở nó trên một thiết bị mới, trong đó các nhà phát triển của trang web này thậm chí không biết.

Tùy chọn thuộc tính trong các quy tắc tràn CSS cung cấp chỉ có bốn được phép giấu bất cứ điều gì mà đi vượt ra ngoài khu vực của phần tử, hiển thị, cung cấp di chuyển luôn luôn hoặc chỉ khi cần thiết, hoặc kế thừa giá trị từ một tổ tiên.

Trong trường hợp đầu tiên (overflow: hidden), bất kỳ nội dung mà đi vượt ra ngoài mục sẽ được ẩn, nhưng điều đó đã biến mất, sẽ không có sẵn. Vị trí này có hiệu quả, nhưng không kém phần thú vị là tùy chọn để hiển thị tất cả những gì ngoài (overflow: có thể nhìn thấy). Vì vậy, các nhà phát triển cung cấp cho người truy cập với cơ hội để luôn luôn nhận thức được những yếu tố nội dung đầy đủ và kiểm soát khối lượng của nó. ít cơ hội hơn cho cuộn (overflow: scroll - một thanh cuộn phải lúc nào cũng có, hoặc overflow: auto - thanh cuộn xuất hiện khi cần thiết).

Tính năng Điều khoản Overflow sử dụng

", представляют особенный интерес, только когда они представляют собой текст. Các yếu tố đó là bên trong một thẻ có ý nghĩa của CSS "text tràn", là quan tâm đặc biệt, chỉ khi họ đang có văn bản. Vị trí của các thành phần khác, thường là cố định các tọa độ hoặc vị trí tương đối.

yếu tố văn bản không phải lúc nào chứa một số cố định của các nhân vật, và nếu bạn cần phải sử dụng quy tắc tràn, CSS hướng dẫn để theo dõi tùy chọn thay đổi bất ngờ về khối lượng nội dung.

Đặc biệt, ở giai đoạn gỡ lỗi, bạn có thể áp dụng các giá trị của tài sản hoặc tự động di chuyển, và sau đó khóa màn hình hiển thị của tất cả mọi thứ mà đi xa hơn lĩnh vực này, tạo cho người truy cập một bộ chìa khóa, mà ông sẽ di chuyển các nội dung của vô hình vào vùng khả kiến. Đó là thực tế phổ biến. Không phải ai cũng ấn tượng với thanh cuộn, một số thích nó bốn nút: một đầu, về phía trước, lạc hậu, đến cùng.

Bên cạnh đó, quy tắc tràn CSS trong ô tô / cuộn mang lại giá trị cho một yếu tố trang bất ổn khó chịu: sự chuyển trình duyệt ưu tiên của cuộn từ trang này sang thành phần của nó khi nó kết thúc con trỏ chuột.

Khi yếu tố này là một khối văn bản, nó không phải là quá rõ ràng và khó chịu, nhưng nếu toàn bộ chiều rộng của cửa sổ để đặt các thanh trượt (khối yếu tố-ảnh), sau đó để vượt qua một cấu trúc như vậy không phải lúc nào cũng có thể với chuột thường là cần thiết để sử dụng "vào đầu" hay "nút ở phần cuối của trang. "

ưu tiên cuộn

Trang thoại của các trang web với người truy cập là điều cần thiết, cũng như thiết kế, phát triển, nội dung của nó. Bởi vì trang web mở ra một trình duyệt và thực hiện nó trong cùng một cửa sổ hoặc một tab mới, bạn có khả năng đủ điều kiện để di chuyển nên trang, và không phải thành viên. Sau này có thể không chỉ có rất nhiều, nhưng mỗi thể có chức năng riêng của mình.

Trang web này luôn mang một ý nghĩa đặc biệt, ngay cả khi nó liên quan đến lĩnh vực triết học, thần bí, hoặc bất kỳ nội dung khác không lường trước. Đó là lý do tại sao nó luôn luôn có thể giả định một gánh nặng đặc biệt là trên các yếu tố tương tác của các CSS quy tắc tràn.

Đặc biệt, nếu phần tử là một chọn để chọn năm (ngày), sau đó chọn cổ điển là bất tiện, vì nó sẽ cung cấp những cuộn bất tiện rõ ràng. Bằng cách áp dụng trong trường hợp này tràn, CSS có thể được sử dụng một cách hiệu quả ngoài: lĩnh vực nội bộ trong phần tử, chọn khoảng thời, cho phép khách truy cập nhanh chóng và dễ dàng chọn một ngày bạn muốn, tháng, năm.