本文摘自PHP中文网,作者coldplay.xixi,侵删。
html居中图片的方法:首先新建网页,在body部分新建一个img标签,并指定一张图片;然后将图片套在一个p或者span标签中,给标签添加一个值为【text-align:center】的style属性即可。
本教程操作环境:windows7系统、html5版,DELL G3电脑。
html居中图片的方法:
首先我们需要新建一个html页面。
然后在body部分新建一个img标签,并指定一张图片。
在浏览器中查看效果,可以发现图片是默认左对齐的,并没有在正中央显示。
将图片套在一个p或者span标签中,给标签添加一个值为text-align:center的style属性即可。
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 |
|
相关学习推荐:html视频教程
以上就是html的图片怎么居中的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
Html中的document对象是什么?一篇文章让你了解document对象
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者