Richten Sie die Tabelle in der Mitte der Seite

Ich möchte nur die Tabelle in der Mitte der Seite legen. Jede Hilfe wäre großartig. Richten Sie die Tabelle in der Mitte der Seite

<!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>

Quelle

2010-12-14 user770022

Versuchen:

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

oder:

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

BTW, dies setzt dies für alle Tabellen. Möglicherweise möchten Sie die Eigenschaften in einem spezifischeren Selektor (wie table.someclass) haben.

Quelle

2010-12-14 00:40:34 Kos

Diese scheint nicht zu funktionieren. Vielleicht stelle ich es an die falsche Stelle. Kannst du mir sagen, wohin das gehen würde? – user770022

Kleiner Fehler von mir, ich wollte es zu kurz;) Versuchen Sie es jetzt, funktioniert. – Kos

das hat es dank bekommen – user770022

alten Stil ist align = "center":

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

Quelle

2010-12-14 00:46:02 Ilyssis

Um horizontal Tisch in der Mitte der Seite ausrichten, und auch Tischbreite passen sich automatisch, versuchen Sie unter:

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

Quelle

2013-07-17 20:15:10 Jason

Richten Sie die Tabelle in der Mitte der Seite

Antwort

Verwandte Themen