HTML如何實現讓圖片居中顯示

匯聚分享 網絡雜苑>HTML 2015-8-7 7:03 817字 2分鐘 22463 0 字號: | |

居中顯示.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>
本文鏈接:http://www.txropu.live/html/364.html 百度已收錄
版權申明:文章如未標注轉載均為本站原創,轉載請注明出處"張凱博客"。

發表評論

電子郵件地址不會被公開。必填項已用*標注

Ɣ回頂部
00:00 / 00:00
順序播放
    尖子和八5手电子游艺