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

Posted on January 31, 2008
by Blog.thegioiwebsite.Net Học CSS |

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-left và margin-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;
}



Bookmark


Comments

3 Responses to “Căn bảng vào giữa màn hình.”

  1. Đức Mạnh Nguyễn on April 7th, 2008 11:33 am

    viết gọn hơn thì thế này:

    table.center{
    width:780px;
    margin:0 auto;
    }

  2. Haits on July 29th, 2008 3:57 pm

    cac bac oi, sao em cho doan code tren vao table bao ngoai cung va test tren firefox thi duoc nhung tren ie thi lai ko duoc, co bac nao biet cach can bang vao giua man hinh danh cho moi trinh duyet hoac la IE ko ?

  3. Nguyễn Đức Mạnh on August 9th, 2008 3:59 pm

    Được cả 2 trình duyệt mà bạn.Có lẽ do bạn không để kích thước của bảng là bao nhiêu nên nó mới vậy thôi. Kích thước có thể để pixel hoặc % đều được.

Leave a Reply