html怎么让图片居中


本文摘自PHP中文网,作者angryTom,侵删。

html怎么让图片居中

1、首先我们需要新建一个html页面。

2、然后在body部分新建一个img标签,并指定一张图片。

3、在浏览器中查看效果,可以发现图片是默认左对齐的,并没有在正中央显示。

4、将图片套在一个p或者span标签中,给标签添加一个值为text-align:center的style属性即可。

推荐学习:html教程

代码如下:

1

2

3

4

5

6

7

8

9

10

11

12

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <p style="text-align: center;">

        <img src="a.png" alt="">

    </p>

</body>

</html>

更多HTML教程,欢迎关注PHP中文网!

以上就是html怎么让图片居中的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html怎么设置背景图片

http协议发展过程一览

Html url是什么

怎么用Html写hello world

Html表格如何设置间距

Html如何设置背景图片

Html中图片怎么居中对齐?

Html内容通常由哪三部分组成

Html代码如何格式化

Html small标签怎么用

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...