六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網(wǎng)中心：是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)！

html中的居中屬性是什么？html文字與圖片的居中講解（附案例）

發(fā)表時(shí)間：2023-09-03 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]這篇文章介紹了關(guān)于HTML中的align屬性，還介紹了align屬性如何為文字居中，另外還有HTML align屬性如何為圖片居中，接著就讓我們一起來看看這篇文章內(nèi)容吧一、首先呢，我們來說說在HTML中的居中屬性：今天我們推薦的使用的是align屬性，align屬性能在很多標(biāo)簽中都能用上，本文主要...
這篇文章介紹了關(guān)于HTML中的align屬性，還介紹了align屬性如何為文字居中，另外還有HTML align屬性如何為圖片居中，接著就讓我們一起來看看這篇文章內(nèi)容吧

一、首先呢，我們來說說在HTML中的居中屬性：

今天我們推薦的使用的是align屬性，align屬性能在很多標(biāo)簽中都能用上，本文主要介紹的就是用align屬性把文字和圖片居中顯示。

現(xiàn)在我們來說說HTML align屬性把文字居中顯示，我們來看一個(gè)完整的代碼：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)</title>
</head>
<body>
這是一段文字，沒有任何的標(biāo)簽，看看我現(xiàn)在在哪
</body>
</html>

這是一個(gè)簡(jiǎn)單的代碼，顯示效果，如圖：

tuyi.png

你所看到的就是沒有用任何的標(biāo)簽來實(shí)現(xiàn)的，就是默認(rèn)顯示在瀏覽器的左上方。

現(xiàn)在我們想把上面的文字居中起來，這應(yīng)該怎么弄呢？

沒錯(cuò)就是我文章開始的時(shí)候介紹的align屬性。我們把a(bǔ)lign屬性加上去。

現(xiàn)在來看看代碼：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)</title>
</head>
<body>
<p align="center">這是一段文字，沒有任何的標(biāo)簽，看看我現(xiàn)在在哪</p>
</body>
</html>

因?yàn)槲淖謽?biāo)簽本來就是用段落p標(biāo)簽概括的，所以我們這里用上了p標(biāo)簽，里面加了一個(gè)align屬性等于center。就是讓p標(biāo)簽中的文字全部居中顯示。我們來看看效果截圖：

ture.png

這里都是顯示在瀏覽器的中間了。

這就是HTML align屬性在文字上的居中的辦法。(想看更多，這里有PHP中文網(wǎng)的HTML在線視頻教程)

二、現(xiàn)在讓我們來看看用align屬性把圖片居中：

都知道圖片標(biāo)簽是用<img>這個(gè)單標(biāo)簽來顯示的，所以顯示的代碼如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)</title>
</head>
<body>
<p align="center">這是一段文字，沒有任何的標(biāo)簽，看看我現(xiàn)在在哪</p>
<img src="http://img.php.cnhttp://img6-2.22122511.com/upload/web_2/article/000/000/003/5b49b1f76ccb9475.jpg">
</body>
</html>

我在上面代碼中加入了一個(gè)網(wǎng)絡(luò)圖片，現(xiàn)在看看效果：

tusan.png

很明顯，這個(gè)圖片是在瀏覽器的默認(rèn)左上方顯示的。現(xiàn)在我們來把img標(biāo)簽加上align屬性來試試：

<body>
<p align="center">這是一段文字，沒有任何的標(biāo)簽，看看我現(xiàn)在在哪</p>
<img src="http://img.php.cnhttp://img6-2.22122511.com/upload/web_2/article/000/000/003/5b49b1f76ccb9475.jpg" align="middle">
</body>

上面我加上了align屬性，之后效果很快就變了，這個(gè)當(dāng)然要在html4.01里面才能用。所以我這里就不顯示圖片了。大家能看懂就行。

本篇關(guān)于HTML的align屬性的介紹到這里就結(jié)束了，有問題的可以在下方留言。

【小編推薦】

html tbody標(biāo)簽是塊級(jí)元素嗎？html tbody標(biāo)簽的基礎(chǔ)用法

HTML中添加圖片的代碼是什么？html如何正確的添加圖片路徑？

以上就是html中的居中屬性是什么？html文字和圖片的居中講解（附實(shí)例）的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
主站蜘蛛池模板： 人人看人人干 | 婷婷伊人网 | 青娱乐黄色| 中文字幕在线第一页 | 亚洲国产精品欧美综合 | 色综合综合色综合色综合 | 日本高清视频成人网www | 四虎中文 | 日韩欧美在线综合网 | 日韩欧美国产三级 | 外国成人网在线观看免费视频 | 亚洲欧美日韩一区高清中文字幕 | 午夜高清免费观看视频 | 亚洲精品在线播放 | 青青热在线观看视频精品 | 青青草原网站在线观看 | 欧美又硬又粗又长又大 | 亚洲成人欧美 | 综合激情文学 | 青草国内精品视频在线观看 | 最近韩国中文字幕更新 | 中国日韩欧美中文日韩欧美色 | 中文亚洲 | 亚洲综合第一区 | 亚洲成a人v欧美综合天 | 亚洲三级在线看 | 日韩欧美亚州 | 四虎4hu永久免费国产精品 | 图片一区| 天天久久综合网站 | 青草影院在线观看免费版 | 日本香蕉一区二区三区 | 亚洲精品乱码国产精品乱码 | 日韩黄色中文字幕 | 亚洲午夜精品久久久久久抢 | 正在播放麻豆 | 色婷婷色丁香 | 五月天狠狠操 | 青青成人福利国产在线视频 | 青春草视频下载 | 一级女人18片毛片免费视频 |