Html當(dāng)中文本與標(biāo)簽如何讓其居中

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 15:28:28

Html當(dāng)中文本與標(biāo)簽如何讓其居中

Html當(dāng)中文本與標(biāo)簽如何讓其居中:1、文本居中：text-align: center; line-height: 100px; （=height）2、標(biāo)簽居中margin: 0 auto; 其中0指的是margin-top:0代碼片：<!DOCTYPE html> <html lang="en"><head> &l

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀Html當(dāng)中文本與標(biāo)簽如何讓其居中:1、文本居中：text-align: center; line-height: 100px; （=height）2、標(biāo)簽居中margin: 0 auto; 其中0指的是margin-top:0代碼片：<!DOCTYPE html> <html lang="en"><head> &l

1、文本居中：

text-align: center;
line-height: 100px; （=height）

2、標(biāo)簽居中

margin: 0 auto; 其中0指的是margin-top:0

代碼片：

<!DOCTYPE html>
 <html lang="en"><head>
 <meta charset="UTF-8">
 <title>搜索論壇</title>
 <link rel="stylesheet" href="https://www.baidu.com/img/baidu_jgylogo3.gif">
 <style>
 .item1{ 
 height: 100px; 
 width: 100px; 
 background-color: red; 
 text-align: center; 
 line-height: 100px; 
 margin: 0 auto; 
 }
 .item2{ 
 height: 100px; 
 width: 100px; 
 background-color: wheat; 
 text-align: center; 
 line-height: 100px; 
 margin: 100px auto; 
 }
 </style>
 </head>
 <body>
 <p class="outer">
 <p class="item1">1111</p>
 <p class="item2">2222</p>
 </p>
 </body>
</html>

這里寫圖片描述

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

Html當(dāng)中文本與標(biāo)簽如何讓其居中

推薦度：

點擊下載本文 文檔為doc格式

標(biāo)簽：標(biāo)簽文字如何

熱門焦點

Html當(dāng)中文本與標(biāo)簽如何讓其居中

Html當(dāng)中文本與標(biāo)簽如何讓其居中

Html當(dāng)中文本與標(biāo)簽如何讓其居中

最新推薦

猜你喜歡

熱門推薦