2010-12-14 84 views
8

Tôi chỉ muốn đặt bảng ở giữa trang. Bất kỳ sự trợ giúp nào đều sẽ là tuyệt vời.Căn chỉnh bảng ở giữa trang

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
     "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
<head> 
<title>Randy's first html web page !</title> 
<style type="text/css"> 
body 
{background-image:url('Koala.gif');} 
h1 
{ 
text-align:center; 
} 
h2 
{ 
text-align:center; 
} 
p 
{ 
text-align:center; 
font-size:200%; 
color:#00fff0; 
} 
div 
{ 
background-color:#efffff; 
} 
</style> 
</head> 
<h1> Hello Professor</h1> 
<h2> By: Randy White</h2> 
<P> I haven't done anything like this before.</P> 
<P>Seems to be ok</P> 
<P><img src="Hydrangeas.jpg" width="150" height="100" alt="Hydrangeas.jpg"></P> 
<table border="1"> 
<tr> 
<th>Month</th> 
<th>Day</th> 
<th>Year</th> 
</tr> 
<tr> 
<td>December</td> 
<td>1</td> 
<td>2010</td> 
</tr> 
</table> 
<a href="http://www.google.com">Visit Google!</a> 
</body> 
</html> 

Trả lời

24

Hãy thử:

table { 
    width: 50%; 
    margin-left: auto; 
    margin-right: auto; 
} 

hay:

table { 
    width: 200px; 
    margin-left: auto; 
    margin-right: auto; 
} 

BTW, điều này đặt này cho tất cả các bảng. Bạn có thể muốn có các thuộc tính trên một bộ chọn cụ thể hơn (như table.someclass).

+0

này dường như không hoạt động. Có lẽ tôi đang đặt nó ở vị trí không chính xác. Bạn có thể cho tôi biết nơi này sẽ đi. – user770022

+0

Sai lầm nhỏ của tôi, tôi muốn nó quá ngắn;) Thử ngay bây giờ, công trình. – Kos

+0

nhận được cảm ơn – user770022

2

phong cách cũ là align = "center":

<table width="400" border="0" cellspacing="0" cellpadding="0" align="center"> 
2

Để ngang sắp xếp bảng ở giữa trang, và cũng làm cho chiều rộng bảng phù hợp với bản thân tự động, hãy thử dưới đây:

table { 
    width: auto; 
    margin-left: auto; 
    margin-right: auto; 
} 
Các vấn đề liên quan