tft每日頭條

 > 生活

 > 怎麼讓div垂直居中

怎麼讓div垂直居中

生活 更新时间:2025-01-25 07:52:00

一、盒子裡的字，默認是位于盒子内的左上角，如何讓它水平居中，垂直居中呢。

  1. text-align: center;/* 這是讓内容水平居中 */
  2. line-height: 200px; /* 這是讓内容垂直居中,隻要把行高設置得和盒子的高度一樣 */

怎麼讓div垂直居中（如何讓div盒子裡的内容水平居中）1

圖1

怎麼讓div垂直居中（如何讓div盒子裡的内容水平居中）2

圖2

以下是我在vscode下做的代碼：

怎麼讓div垂直居中（如何讓div盒子裡的内容水平居中）3

圖3

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .hz{ width: 300px; height: 200px; background: #f00; margin: 100px 0px 0px 200px; text-align: center; /* 這是讓内容水平居中 */ line-height: 200px; /* 這是讓内容垂直居中,隻要把行高設置得和盒子的高度一樣 */ } </style> </head> <body> <div class="hz">我是盒子裡的字</div> </body> </html>

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
查看全部
上一页 下一页
3xl是多大尺碼
廣州市增城區有哪些旅...

相关生活资讯推荐

热门生活资讯推荐

网友关注

關于
條款和條件 隱私政策 Cookie 設置
服務
登陸 注冊 聯系我們
tft每日頭條 美食 生活 職場 母嬰 時尚 科技 汽車
友情鏈接
zpostcode Recruit weather mreligion Yellowpages sport constellation shopping name game directory literature Word tour furnish Lottery tftnews lyrics News digital car dir Edu Finance
Copyright 2023-2025 - www.tftnews.com All Rights Reserved