居中显示.JPG

HTML实现图片的居中显示,深山的鹿博客现在教您两种方法

方法一:HTML代码实现居中显示

<center><img src="img.jpg" alt="居中啦~"></center>

方法二:

<style>
body{ margin:0; padding:0; }
	div{ width:80%; height:600px; border: thin solid #F00; margin:0 auto; }/*这里的width height 大于图片的宽高*/
	table{ height:100%; width:100%; text-align:center;}
 </style>

<body>
<div>
<table>
<tr>
<td>
<img src='图片路径'>
</td>
</tr>
</table>
</div>
</body>

方法三:Div图片居中显示

<div style="text-align: center;">
<img alt="" src="/uploads/allimg/140613/1-140613113229.jpg" /></div>