居中顯示.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>