怎麼讓div垂直居中-tft每日頭條

怎麼讓div垂直居中

生活更新时间:2024-07-20 05:11:36

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

text-align: center;/* 這是讓内容水平居中 */
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每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活找春天作文
1、春姑娘是一位神奇的魔術師，它走到哪裡，哪裡就會變得異常美麗。我跟着春姑娘的足迹，去尋找美麗的春天... 2023-07-02
生活草莓為什麼要用澱粉洗
1、草莓要用澱粉洗，因為澱粉可以去污。2、草莓的表皮比較脆弱，清洗過程中，不能用力揉搓，但如果清洗不... 2023-07-02
生活女生寝室公約簡短
1、保持宿舍安靜。放屁可以，但不要太響；唱歌可以，但不要太嚷。2、保持宿舍衛生。至于垃圾，自己看着辦... 2023-07-02
生活怎樣選購電腦鍵盤
1、按鍵數目：無論是從哪方面考慮，現在選購鍵盤都應該以108鍵的鍵盤為好。2、鍵盤的類型：上面已經提... 2023-07-02
生活 cad面域交集差集并集快捷鍵
1、在CAD軟件中，面域并集快捷鍵為UNI，差集快捷鍵為SU，交集快捷鍵為IN。2、正常啟動auto... 2023-07-02
生活海鮮放冰箱裡怎麼保存
1、如果是海水魚多是冷凍的多，要放冰箱冷凍，但是解凍後就不要再放到冷凍室了。2、如果是鮮魚，就要先去... 2023-07-02
生活馬鈴薯儲存方法
1、在存放土豆的袋子裡面放一隻蘋果，把代口紮緊。2、用保鮮袋紮起來，讓它與空氣隔絕，這樣就能防止變幹... 2023-07-02
生活洗豬腰的方法
1、先洗淨外表部分，摘去附着物。2、将豬腰子剝去裡面的薄膜，剖解開來，剔除豬腰的筋，切成所需的片或花... 2023-07-02
生活快速讓人起床的方法
1、打開窗簾。讓陽光照進房間，因為光會降低褪黑素，促使人體休眠的荷爾蒙分泌，幫助人加快清醒。2、少喝... 2023-07-02
生活羊肉如何保存
1、熟羊肉不适宜長時間保存，最好在1-2天内食完，如果需要長時間保存，可把羊肉剔去筋膜，用保鮮膜包裹... 2023-07-02
生活粉撲清潔劑怎麼用
1、使用卸妝乳或中性肥皂或潔面乳，直接倒适量于已經沾水的海綿上，使其産生泡沫。2、以重複用手掌捏放的... 2023-07-02
生活貓生寶寶怎麼做窩
1、自己制作貓窩，首先要準備好紙箱子、木闆、乳膠、美工刀。2、先把紙箱子分解，用美工刀将紙箱裁得一樣... 2023-07-02
生活茉莉花最好的播種方法
1、播種：在北方可用大棚或地熱苗床育苗，将種子撤播在苗床上，地溫控制在20℃左右，出苗後停止加地溫。... 2023-07-02
生活洋姜不能和什麼一起吃
1、韭菜。韭菜性溫，能溫腎助陽，益脾健胃，行氣理血。多吃韭菜，可養肝，增強脾胃之氣。吃韭菜的好處多，... 2023-07-02
生活魚池除藻的最好方法
1、施草木灰法：選擇晴天上午，每畝水面用草木灰(幹灰)25公斤～30公斤，站在魚池上風口的岸邊抛灑，... 2023-07-02
生活空氣能熱水器好不好
1、優點：一般我們生活中，用到的熱水器主要是燃氣熱水器、電熱水器和太陽能熱水器。近些年來，空氣能熱水... 2023-07-02
生活你是人間的四月天是什麼梗
1、該梗出自一個男生的朋友圈：你是人間四月天@他女朋友名字。本意是對女朋友表白，沒想到被語文老師指出... 2023-07-02
生活如何給孩子起名字有寓意
1、首先取名之前一定要準備一部字典！不管你腦海裡想到有什麼可以組合的字都可以先查查其寓意，人如其名也... 2023-07-02
生活怎樣防止衣服掉色
1、反曬法，這個方法最為常用，尤其是對一些深色衣服尤為有效。2、鹽水浸泡法，此招最适合對付牛仔裝和花... 2023-07-02
生活草圖大師初學入門教程哪裡最全
1、網絡上與草圖大師的教程非常多，如果隻是入門階段可以在虎課網或者其它類型的網站上進行學習。2、另外... 2023-07-02
生活珍珠粉面膜怎麼做祛斑
1、蘆荟珍珠粉面膜制作方法介紹：提前準備好面粉，新鮮蘆荟以及珍珠粉。将新鮮蘆荟去皮把果肉搗爛後放進容... 2023-07-02
生活腌制雞胸怎麼保存
1、冰箱冷藏保存，可以保存4天左右。2、一般具體的要看冰箱的功能和是否潔淨的，如果冰箱很久沒有清洗，... 2023-07-02
生活安裝包可以删除嗎
1、安裝包是可以删除的，删除後也可以在應用商城上重新下載。安裝包(Installpack)，即軟件安... 2023-07-02
生活骨松質和骨密質區别
1、骨松質和骨密質其實就是我們常說的骨質，它們最大的區别就在于它們所處的位置是不一樣的，同時它們的結... 2023-07-02
生活秋冬季疫情怎麼防
1、國家衛健委副主任、國務院醫改領導小組秘書處副主任王賀勝28日在接受記者采訪時表示，做好這一工作，... 2023-07-02
生活電腦如何分屏顯示不同内容
1、點擊“開始按鈕”，然後點擊“設置”。2、點擊“設置”中的“系統”。3、點擊“系統”中的“多任務”... 2023-07-02
生活衣服翻新染色劑有毒嗎
1、衣服翻新染色劑有毒。2、大部分用來染棉織品的快速染料，都是含有高度的聯苯胺，其中的一種二氯聯苯胺... 2023-07-02
生活怎麼釣八爪魚最簡單
1、注意提拉的幅度及頻率。遇到相對平坦的海底，讓錨鈎觸底後，停留10秒鐘左右(時間太短影響抱鈎幾率，... 2023-07-02
生活筷子用熱水煮變紅水有毒嗎
1、筷子煮開水是紅色的無非兩個原因一是染色，二是上漆，像這種用食用染料染還好，其他就不好說了，萬幸的... 2023-07-02
生活翠蘭葉子尖發黃怎麼辦
1、若因氣候幹燥導緻，就要勤噴灑水分，提高濕度，促使盡快恢複。2、若因光照太強曬傷的，就要盡快遮光，... 2023-07-02

tft每日頭條

> 生活

> 怎麼讓div垂直居中

怎麼讓div垂直居中

相关生活资讯推荐

热门生活资讯推荐

网友关注