Một thuộc tính mà ít ai để ý đó là thuộc tính chia cột. Chức năng này mới chỉ phát triển trên Webkit và FF. Nhờ vào đó, ta không cần phải định dạng nhiều cho mệt nữa, rất phù hợp với các site Magazine.
Cách sử dụng:
[codesyntax lang="css"]
Với webkit -webkit-column-count: [số cột]; -webkit-column-rule: [cỡ] [kiểu] [màu]; -webkit-column-gap: [khoảng cách]; -wekit-column-width: [kích thước]; Với Firefox -moz-column-count: [số cột] -moz-column-width: [cỡ] [kiểu] [màu] -moz-column-gap: [khoảng cách]
-moz-column-width: [kích thước];
[/codesyntax]
Ví dụ
[codesyntax lang="css"]
-webkit-column-count: 3; -webkit-column-rule: 1px solid #acacac;-webkit-column-gap: 2em;
-moz-column-count: 3; -moz-column-rule: 1px solid #acacac;-moz-column-gap: 2em;
[/codesyntax]
Bạn có thể xem bài viết này trên FF, Chrome hoặc Safari để thấy được sự thay đổi.
Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?
Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?
Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?Ví dụ về cách chia cột trong CSS3. CSS3 thật tuyệt vời phải không?
33 Comments
Admin – could you use help with your website? Through our site you can find Outsourced Workers starting at $1/hour. They speak English, work flexible hours, and pride themselves on doing a quality job. There are Article Writers, Web Designers, Virtual Assistants, Email Response Handling, SEO Workers, & more. If interested we invite you to check out OutsourcedWorker.com . Thanks
tìm hổm nay mới thấy .chứ CSS còn ko hỗ trợ nối cột trong thẻ table nữa có cách nào giải quyết ko vậy bạn….
Dùng IETester kết hợp với debugbar để test lỗi trên IE.
http://vnfreelance.com
Bai 4 chia cot trong css3.. Nifty
Bác max có nhớ cái phần mềm test lỗi trên IE 6 là gì không nhỉ.
Test lỗi gì vậy bác????
Bác max lập cái poll cũng lâu rồi, mà sao vẫn chưa thấy cái theme mới xuất hiện thế nhỉ?
Sorry bác, em vừa phải cày tiếng Trung, vừa phải cày Java nên ít time quá
Code cái Frameworks cần nhiều thời gian lắm
Rất vui khi biết thêm được một blog về thủ thuật,nhiều lúc sẽ cần dùng đến.
hichic, bác làm cái polls gì mà có 2 phương án lựa chọn, cái nào cũng có hết đây… chọn cái nào cũng dính hết, hichiccc
Hehe, poll như thế nó mới độc, bác ạ
Mới làm cái blog, đang mở cửa liên kết, Bác liên kết với em ko ?
Blog mới của bác ngon nhỉ :D!
Nói chung cái chia cột mà text thì ko có máy nhu cầu!
Vì dựng layout ta phải đặt các thành phần ở các vị trí cố định nên cách chia cột này không khả thi. Nó chỉ kha thi khi ta muốn chia tự động kiểu như Word. Các web truyền thống không làm kiểu này.
Đúng là hiện tại nhu cầu sử dụng cái này rất ít
Lại gặp họ hàng nhà Thesis oy` :((
Em cũng không muốn dùng thesis lắm đâu (vì ko có $, ko muốn dính dáng đến bản quyền), nhưng đang nghiên cứu nó nên phải cài thôi
Nay mới để ý, mỗi tuần lão Max thay áo 1 lần à? Kiểu này chẳng mấy chốc sẽ lên hàng ở sạch nhất WPVN mất.
Chắc giờ cũng phải học theo để cho nó vệ sinh
Hà hà, có ai bảo bác ở dơ bao giờ đâu.
bác mèo cũng design theme à, hôm nào cho em “viếng” thử 1 cái với
Ở sạch thế này chẳng thân thiện chút nào, chi phí mỗi lần đổi theme cao lắm
Em chưa được cái nào ưng ý nên phải dùng tạm thôi.
@nguyentrung167: Bác khiêm tốn quá đấy, em thì đại lười. Mấy lần có người nhờ làm web mà không chịu làm. Thỉnh thoảng vui vui làm vài cái.
Mà quen bác lâu rồi mà không có info của bác nhỉ. Lần trước đọc ở đâu thấy bác nói tên của bác ko phải là Trung, em lên mạng cũng hay như vậy lắm, toàn lấy tên mấy thằng bạn làm tên mình thôi
hihi, uhm cũng gặp bác trên mạng hoài, nick YM em, nguyentrung1607, khi nào rảnh online nói chuyện chơi, ko thì cafe gì cũng đc
Okay, để em add nick bác
ông max lười giống mình =))
em thì đại lười rồi
là tự động chia 3 cột trong bài viết hay được quyền tùy chỉnh vậy hả bác
àh rảnh ghé thăm blog mới của em nha
Bác thích chia cột ở đâu thì chia. Đây là thuần CSS mà
Kỳ lạ thật, ngày xưa em cũng sửa Vn-News theme giống hệt theme của bác. :P Không biết giờ còn không để so sánh.
hih, cái nvmews chỉ là demo để đưa bài lên thôi, em đang đợi theme chính thức để khánh thành nhà mới đây bác àh, hehehe
Bác sưu tầm khá công phu đấy, blog của bác cũng nhiều chủ để nhỉ. Nào là Rock, GĐPT rồi bây giờ chuyển hẳn sang võ thuật.
Em thì có mỗi cái chủ đề coding mà cũng ko xong.
hcihci, bác tha cho em.. cái rock là làm giùm, giờ trả lại cho ông anh quản lý. em đang làm cái GĐPT, giờ cũng ổn định, chuẩn bị chuyển lại cho mấy đứa em. Còn cái võ thuật này là dự án có người nhờ làm,… đâu có được như bác, thích làm cái mình muốn làm… hichic