html中的居中属性是什么？html文字和图片的居中讲解（附实例）

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

ture.png

这里都是显示在浏览器的中间了。

这就是HTML align属性在文字上的居中的办法。(想看更多，这里有PHP中文网的HTML在线视频教程)

二、现在让我们来看看用align属性把图片居中：

都知道图片标签是用<img>这个单标签来显示的，所以显示的代码如下：

1

2

3

4

5

6

7

8

9

10

11

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>PHP中文网</title>

</head>

<body>

<p align="center">这是一段文字，没有任何的标签，看看我现在在哪</p>

<img src="http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/000/003/5b49b1f76ccb9475.jpg">

</body>

</html>

我在上面代码中加入了一个网络图片，现在看看效果：

tusan.png

很明显，这个图片是在浏览器的默认左上方显示的。现在我们来把img标签加上align属性来试试：

1

2

3

4

<body>

<p align="center">这是一段文字，没有任何的标签，看看我现在在哪</p>

<img src="http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/000/003/5b49b1f76ccb9475.jpg" align="middle">

</body>

上面我加上了align属性，之后效果很快就变了，这个当然要在html4.01里面才能用。所以我这里就不显示图片了。大家能看懂就行。

本篇关于HTML的align属性的介绍到这里就结束了，有问题的可以在下方留言。

【小编推荐】

html tbody标签是块级元素吗？html tbody标签的基础用法

HTML中添加图片的代码是什么？html如何正确的添加图片路径？

以上就是html中的居中属性是什么？html文字和图片的居中讲解（附实例）的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

如何制作一个简单的html登录页面（附代码）

html sup标签怎么用

html input标签怎么用

html中字体如何实现加粗（方法介绍）

html如何禁止页面缩放

html怎么禁止页面缩放

html如何制作滚动歌词

html怎么给button设置图片

html如何2d和3d转换

html隐藏控件方法

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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