CSS3 Nhiều cột

Sử dụng CSS3 để tạo ra một tập hợp các cột trên trang web của bạn mà không cần phải phân công các lớp cá nhân và / hoặc đoạn văn cho mỗi cột.

Cùng với nhiều hình ảnh nền, đoạn sau đây của CSS3 là một trong những danh sách yêu thích của tôi. Tôi nghĩ rằng có rất nhiều tiềm năng lớn cho CSS này và theo những cách nhiều hơn so với giấy tờ có tin tức / bố trí tạp chí quá!

CSS 3 Nhiều cột (Width)
Một tăng đầu buổi sáng, cỏ layden với sương, Alex thức dậy với một tầm nhìn, ông biết thông qua và thông qua. Đó là bóng tối, nó ướt át với một ánh sáng nóng lên tim. Ấm đun nước đi vào và đó là cà phê cho tất cả! Được rồi, do đó, nó có thể không phải là một phần tổng thể của câu chuyện nhưng tôi muốn cái gì ở đây không phải Lorem Ipsum Tôi nghĩ rằng nó làm việc. Cà phê bất cứ ai?

Đoạn trên là thiết lập để tạo ra 2 cột bằng cách sử dụng mã CSS3 sau

CSS 3 Nhiều cột (Width)
# My_CSS3_id {
text-align : biện minh ;
-Moz-cột-width : 15em ;
-Moz-cột-khoảng cách : 2em ;
-Webkit-cột-width : 15em ;
-Webkit-cột-khoảng cách : 2em ;
}
Một ví dụ cho những người trên các trình duyệt thay thế không nhìn thấy nhiều cột trên ..

CSS 3 Nhiều cột (Đếm)
Một tăng đầu buổi sáng, cỏ layden với sương, Alex thức dậy với một tầm nhìn, ông biết thông qua và thông qua. Đó là bóng tối, nó ướt át với một ánh sáng nóng lên tim. Ấm đun nước đi vào và đó là cà phê cho tất cả! Được rồi, do đó, nó có thể không phải là một phần tổng thể của câu chuyện nhưng tôi muốn cái gì ở đây không phải Lorem Ipsum Tôi nghĩ rằng nó làm việc. Cà phê bất cứ ai?

Đoạn trên là thiết lập để tạo ra ba cột bằng cách sử dụng mã CSS3 sau

CSS 3 Nhiều cột (Đếm)
# My_CSS3_id {
text-align : biện minh ;
-Moz-column-count : 3 ;
-Moz-cột-khoảng cách : 1.5em ;
-Moz-cột quy tắc : 1px solid # c4c8cc ;
-Webkit-cột-count : 3 ;
-Webkit-cột-khoảng cách : 1.5em ;
-Webkit cột quy tắc : 1px solid # c4c8cc ;
}
Một ví dụ cho những người trên các trình duyệt thay thế không nhìn thấy nhiều cột trên ..


Chuyên cung cấp các dịch vụ thiet ke web, web design….