html中的居中属性是什么？html文字和图片的居中讲解（附实例）-木庄网络博客

本文摘自PHP中文网，作者寻∝梦，侵删。

这篇文章介绍了关于HTML中的align属性，还介绍了align属性如何为文字居中，另外还有HTML align属性如何为图片居中，接着就让我们一起来看看这篇文章内容吧

一、首先呢，我们来说说在HTML中的居中属性：

今天我们推荐的使用的是align属性，align属性能在很多标签中都能用上，本文主要介绍的就是用align属性把文字和图片居中显示。

现在我们来说说HTML align属性把文字居中显示，我们来看一个完整的代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
这是一段文字，没有任何的标签，看看我现在在哪
</body>
</html>

这是一个简单的代码，显示效果，如图：

你所看到的就是没有用任何的标签来实现的，就是默认显示在浏览器的左上方。

现在我们想把上面的文字居中起来，这应该怎么弄呢？

没错就是我文章开始的时候介绍的align属性。我们把align属性加上去。

现在来看看代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<p align="center">这是一段文字，没有任何的标签，看看我现在在哪</p>
</body>
</html>

因为文字标签本来就是用段落p标签概括的，所以我们这里用上了p标签，里面加了一个align属性等于center。就是让p标签中的文字全部居中显示。我们来看看效果截图：

阅读剩余部分

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » html中的居中属性是什么？html文字和图片的居中讲解（附实例）

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

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论