2012-02-27 30 views
5

Tôi đang tìm cách làm cho bảng này nằm ở trung tâm của div chứa nó và nó khiến tôi phát điên! Đã cố gắng sử dụng các thủ thuật CSS và HTML để làm điều đó và không có gì hoạt động. Nỗ lực cuối cùng của tôi là chỉ cần thêm đệm vào bên trái của các cột và chỉ chú ý đến nó nhưng tôi đã quyết định yêu cầu một số trợ giúp trước khi tiến hành một biện pháp như vậy.Định vị một BẢNG trong một DIV

http://jsfiddle.net/RQXvR/

+0

bạn có ví dụ tốt hơn không? bảng của bạn chiếm toàn bộ chiều rộng của div đó là trong –

+0

Bạn có một 'container' của lớp trên bàn của bạn mà làm cho nó chiếm toàn bộ chiều rộng của cha mẹ của nó –

Trả lời

12

thử css này cho bảng

table {margin: 0 auto;} 
+0

thật đáng buồn tôi đã thử rằng sớm để không có sẵn .. cảm ơn bạn tho – user1053263

+0

Hi user1053263, tôi đã thấy mã của bạn và css trong firefox 3.6 và bảng của bạn là ở trung tâm của class = "content" div. Bạn có thể vui lòng chỉ định nơi exaclty bạn phải đối mặt với vấn đề hoặc tôi nhận ques của bạn khác nhau. HOẶC Bạn có muốn căn chỉnh giữa các ô bảng căn giữa không? – w3uiguru

1

thế nào về thêm div khác với thuộc tính css?

+0

tôi đã cố gắng để chứa bảng trong một dv với nó nhưng không có gì – user1053263

2

Dưới đây là câu trả lời:

http://jsfiddle.net/RQXvR/8/

Lấy width: 100%; tắt của lớp .container, và thêm margin: 0 auto; để bàn của bạn.

0

làm điều này

Xác định chiều rộng của div ví dụ: 1000px;

do đó div phải có CSS ​​này để đặt trung tâm.

.div 
{ 
width:1000px; 
position:relative; 
z-index-200; 
left:50%; 
margin-left: -500px; 
} 

Giải thích:

margin-left = một nửa chiều rộng bạn xác định.

+0

Vui lòng kiểm tra lại mã của bạn. – Purag

+0

huh ?? chỉnh sửa do thiếu dấu chấm phẩy? tại sao -1? rất thô lỗ .. – Bert

+0

Tôi xin lỗi, tôi không có ý nói thô lỗ - tôi chỉ đang chỉ ra rằng có lỗi cú pháp và điều này sẽ không hoạt động vì một lý do cụ thể. Bạn có cần tôi cho bạn biết lý do là gì không? – Purag

3

Thử sử dụng <center> </center> thẻ.

Các vấn đề liên quan