Diễn đàn

Upro Club | Develop for future
 
Trang ChínhTrang Chính  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Thành viênThành viên  Đăng kýĐăng ký  Đăng Nhập  
R@Me$h (728)
TS Kenz (123)
bibipro (87)
bebelk (6)
Dark Thunder (6)
kilokyb (1)
MGame (1)
[XP Themes] Naruto Theme for XP Trả lời[XP Themes] Naruto Theme for XP - 2 Trả lời
Ra mắt hệ thống Rank cho diễn đàn Trả lờiRa mắt hệ thống Rank cho diễn đàn - 1 Trả lời

Trang 1 trong tổng số 1 trang


-

CSS table - Căn bảng vào giữa màn hình

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
23/4/2013, 1:51 pm
avatar
            TS Kenz
Danh hiệu cá nhânLàm biếng

Làm biếng
Admin
Tâm trạng : Gian xảo
Posts : 123
Points : 16166
Thanked : 45
Tham gia : 03/04/2013
Admin
Tâm trạng : Gian xảo
Posts : 123
Points : 16166
Thanked : 45
Tham gia : 03/04/2013
Bài gửiTiêu đề: CSS table - Căn bảng vào giữa màn hình
Xem lý lịch thành viên

Bình thường thì bạn muốn đặt một table có chiều rộng cố định vào giữa màn hình thì bạn làm thế nào?

Có phải bạn đặt thuộc tính align="center" vào trong thẻ <table>?. Nếu bạn làm như vậy thì bạn chỉ được kết quả đúng như ý bạn trên một số trình duyệt, còn một số trình duyệt sẽ không thể hiện kết quả như bạn muốn.
Sau đây tôi muốn giới thiệu với bạn một tips nhỏ trong CSS để đặt một table có kích thước cố định vào giữa trang.

Giả sử rằng bạn có một table như sau: <table class="center">. Nếu bây giờ bạn muốn đặt table đó vào giữa trang màn hình bạn chỉ việc đặt cho hai thuộc tính margin-leftmargin-right của table có giá trị bằng auto.

Chúng ta có mã CSS như sau:

table.center {
width: 780px;
margin-left: auto;
margin-right: auto;
}






Trang 1 trong tổng số 1 trang


Thông tin chủ đề
Đang truy cập Diễn Đàn này: Không

Quyền viết bài
Bạn không có quyền trả lời bài viết