<div> 垂直置中 + <table>

<div> 垂直置中 + <table>

<style>
.box { width:600px;
       height:500px;
       margin: auto;
       font-size: 20px;
       border: 1px solid #f00; }

.txt{margin: auto;
     width:400px;text-align: left;
     border: 1px solid #f00;}
</style>

<table class="box" >
<tr><td>
<div class="txt">
<pre>.box { width:600px;
         height:500px;
         border: 1px solid #f00;}

.txt{margin: auto;
     width:400px;text-align: left;
     border: 1px solid #f00;}</pre>
</div>
</td></tr>
</table>
 

 

<style> .box { width:600px; height:500px; margin: auto; font-size: 20px; border: 1px solid #f00; } .txt{margin: auto; width:400px;text-align: left; border: 1px solid #f00;} </style> <table class="box" > <tr><td> <div class="txt"> <pre>.box { width:600px; height:500px; border: 1px solid #f00;} .txt{margin: auto; width:400px;text-align: left; border: 1px solid #f00;}</pre> </div> </td></tr> </table>

00

Edit