- 1PS提示：因?yàn)閳D層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費(fèi)分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細(xì)教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對方是否已經(jīng)查看
- 11AMD推土機(jī)架構(gòu)回顧：雖隕落卻是Zen成功的墊腳石
- 12美國增加25％進(jìn)口關(guān)稅！PC硬件要大漲價
聊天工具辦公軟件殺毒教程系統(tǒng)工具圖形圖像電腦學(xué)習(xí)應(yīng)用軟件網(wǎng)絡(luò)軟件蘋果應(yīng)用注冊碼網(wǎng)站教程技術(shù)開發(fā)安卓教程其它教程
您當(dāng)前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> HTML中如何使文字各種居中對齊？（代碼示例）
HTML中如何使文字各種居中對齊？（代碼示例）
發(fā)表時間：2023-09-07 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]本篇文章主要介紹了如何去寫關(guān)于html文字居中代碼。希望對有需要的朋友有所幫助。html文字居中代碼具體示例如下：<!DOCTYPE HTML>
<html lang="en">
<head><title>html文字居中測試&l...
本篇文章主要介紹了如何去寫關(guān)于html文字居中代碼。希望對有需要的朋友有所幫助。html文字居中代碼具體示例如下：
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>html文字居中測試</title>
<meta charset="UTF-8">
<style type="text/css">
body{background: #ddd;}
div{width:300px;height:180px;margin:10px auto;color:#fff;font-size:24px;}
.box1{background: #71a879;text-align: center;}
.box2{background: #6a8bbc;line-height: 200px;}
.box3{background: #dea46b;text-align: center;line-height: 200px;}
</style>
</head>
<body>
<div class="box1">html文字水平居中</div>
<div class="box2">html文字垂直居中</div>
<div class="box3">html文字水平上下居中</div>
</body>
</html>以上代碼效果在本地測試如下圖：
那么通過本篇文章關(guān)于html文字居中的相關(guān)知識是否有更進(jìn)一步的了解呢？其實(shí)這里我們主要記住這些關(guān)鍵點(diǎn)，在html中，讓文字居中的css代碼：
1、平水居中：text-align:center；
text-align 屬性規(guī)定元素中的文本的水平對齊方式。
該屬性通過指定行框與哪個點(diǎn)對齊，從而設(shè)置塊級元素內(nèi)文本的水平對齊方式。通過允許用戶代理調(diào)整行內(nèi)容中字母和字之間的間隔，可以支持值 justify；不同用戶代理可能會得到不同的結(jié)果。
2、垂直居中：line-height:height;
line-height 屬性設(shè)置行間的距離（行高）。
注釋：不允許使用負(fù)值。
以上就是HTML中怎么使文字各種居中對齊？（代碼示例）的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
標(biāo)簽：HTML中怎樣使文字各種居中對齊？（代碼示例）
推薦資訊 總?cè)藲獍?/span>
最新教程 本月人氣
- 1如何在mysql5.6及以下版本查詢數(shù)據(jù)庫里的json詳情
- 2詳細(xì)說明Mysql5.7中文亂碼問題的處理方法
- 3MySQL主從復(fù)制實(shí)戰(zhàn)-詳細(xì)說明基于日志點(diǎn)的復(fù)制代碼案例
- 4MySQL優(yōu)化之InnoDB優(yōu)化代碼詳細(xì)說明
- 5MySQL優(yōu)化之連接優(yōu)化示例代碼
- 6MySQL優(yōu)化之緩存優(yōu)化詳細(xì)說明（二）
- 7有關(guān)MySQL數(shù)據(jù)庫中的外鍵約束詳細(xì)說明
- 8如何處理MySQL 5.0.16中的亂碼問題
- 9MySQL動態(tài)增刪改列字段
- 10監(jiān)控MySQL的一起收集表信息代碼詳細(xì)說明（圖文）
- 11MySQL根據(jù)離線binlog迅速“閃回”的詳情說明
- 12對于MySQL字符集問題詳細(xì)說明（圖）
- 1紅米3s如何刷miui8 紅米3s刷機(jī)miui8方法流程圖解
- 2用錢寶如何注銷 用錢寶注銷圖文說明教程詳細(xì)說明
- 3用錢寶收不到驗(yàn)證碼如何回事 用錢寶收不到驗(yàn)證碼處理方法
- 4小米5s設(shè)置參數(shù) 小米5s參數(shù)是什么
- 5騰訊qq電腦管家文件粉碎在什么地方 電腦管家文件粉碎如何用
- 6Win7系統(tǒng)如何打開rar文件？
- 7Photoshop入門者的使用技巧
- 8橙子vr如何看百度云資源 橙子vr觀看百度云視頻資源圖文說明教程
- 9oppo r9如何截圖 oppo r9截屏圖文說明教程
- 10vivo x5max如何刷機(jī) vivo x5max刷機(jī)圖文說明教程
- 11一加3如何截圖 一加3如何截屏
- 12酷狗k歌如何備份錄音 酷狗k歌錄音備份圖文說明教程
相關(guān)文章
- HTML標(biāo)簽：img標(biāo)簽的用法總結(jié)
- react-native如何完成自動打包？react-native自動打包的方法
- html布局：html3列布局的完成代碼
- 瀑布流布局完成的代碼
- div標(biāo)簽：水平居中與垂直居中的完成（附代碼）
- HTML可視化編輯器有哪一些？（軟件總結(jié)）
- innerHTML屬性是什么？innerHTML屬性的用法
- HTML中font屬性的總結(jié)
- 什么是響應(yīng)式布局？html響應(yīng)式布局的完成
- HTML中更改或添加網(wǎng)站背景圖片的代碼如何寫？（示例）
- html5代碼如何完成進(jìn)度條技巧？（示例）
- HTML有哪一些標(biāo)簽？html常用標(biāo)簽大全
