HTML如何实现让图片居中显示

汇聚分享 网络杂苑>HTML 2015-8-7 7:03 817字 14684 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.aswait.com/html/364.html 百度已收录
版权申明:文章如未标注转载均为本站原创,转载请注明出处"张凯博客"。

发表评论

电子邮件地址不会被公开。必填项已用*标注

Ɣ回顶部
00:00 / 00:00
顺序播放