内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用
我需要的是在屏幕中间显示网页的内容,无论屏幕大小,大小,分辨率高低,都会自动调整到屏幕中间。
可以这样:
.center{ position:absolute; width:780px; height:650px; left:50%; top:50%; margin-left:-390px; margin-top:-325px; } <table class="center" width="780" border="0" align="center" cellspacing="2" bordercolor="#000000" bgcolor="#FFCC66"> <tr> <td> <table width="100%" border="0"> <tr> <td> <table width="100%" border="0"> <tr> <td width="150"><img src="images/banners/BAX Company.jpg" width="149" height="130" /></td> <td width="150"><img src="images/banners/BAX Location.jpg" width="149" height="130" /></td> <td width="300"><img src="images/banners/Closet.jpg" width="300" height="130" /></td> <td width="150"><img src="images/banners/BAX Company.jpg" width="149" height="130" /></td> <td width="150"><img src="images/banners/BAX Location.jpg" width="149" height="130" /></td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0"> <tr> <td width="150"><img src="images/banners/BAX Company.jpg" width="149" height="130" /></td> <td width="150"><img src="images/banners/BAX Location.jpg" width="149" height="130" /></td> <td width="300"><img src="images/banners/Closet.jpg" width="300" height="130" /></td> <td width="150"><img src="images/banners/BAX Company.jpg" width="149" height="130" /></td> <td width="150"><img src="images/banners/BAX Location.jpg" width="149" height="130" /></td> </tr> </table> </td> </tr> </table>