首页
/
每日頭條
/
職場
/
html怎麼設置div裡的div居中
html怎麼設置div裡的div居中
更新时间:2025-12-06 01:48:26

水平居中:給div設置一個寬度,然後添加margin:0 auto;屬性。

div{ width:200px; margin:0 auto; }

絕對定位的div居中:

div { position: absolute; width: 300px; height: 300px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; background-color: pink; /* 方便看效果 */ }

html怎麼設置div裡的div居中(面試基礎12如何居中一個div)1

水平垂直居中一:

html怎麼設置div裡的div居中(面試基礎12如何居中一個div)2

水平垂直居中二:

html怎麼設置div裡的div居中(面試基礎12如何居中一個div)3

水平垂直居中三:

html怎麼設置div裡的div居中(面試基礎12如何居中一個div)4

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
steam有款可以設置智商的遊戲(又一款燒腦的編程遊戲上線)
steam有款可以設置智商的遊戲(又一款燒腦的編程遊戲上線)
  要是小夥伴們喜歡什麼解謎、編程類遊戲,相信Steam上的《程序員升職記》應該都是綠了的遊戲,這款給宅男們設計智力遊戲能讓你享受到從底層到金字塔尖的感覺。而在8月24日,開發商又發售了一款新遊戲《7 Billion Humans》(70億人),遊戲設定的腦洞可比程序員大多了(同樣是先給宅男們的解謎、編程遊戲)。      在這款遊戲中玩家将獲得一個人力資源...
2025-12-06
職場感悟簡短語句(三分鐘職場感悟分享)
職場感悟簡短語句(三分鐘職場感悟分享)
     一個人進入職場的時候,領導或者家人往往會告訴我們“少說話,多做事”,目的是讓我們不做誇誇其談、眼高手低的人。   “少說話,多做事”是職場生存的第一法則。   職場是一個靠實力吃飯、憑實績說話的地方。領導和同事對一個人的評價,不是光看他說得怎麼樣,更多的是看他做得怎麼樣。   在職場上,沒有誰會喜歡說得多、做得少或者隻說不做的人,而那些擁有實力、少...
2025-12-06
世界上最貴的五種水果(世界上最貴的水果)
世界上最貴的五種水果(世界上最貴的水果)
  在愛旅行的人心裡   看遍世界就是夢想   而對于吃貨來說   嘗遍世間美味才是終極目标   哪怕是水果   也想要嘗個遍      作為一枚“吃貨”   下面的水果你吃過幾種呢   黑皮西瓜   這種皮黑、光滑的西瓜據說有種特殊的甜味,僅生長于北海道,年産僅100個。      其中最貴的一個重達17磅(約合7.7公斤),在2008年拍出6100美元(...
2025-12-06
我們應該如何應對職業倦怠(我的工作究竟有什麼意義)
我們應該如何應對職業倦怠(我的工作究竟有什麼意義)
  本文字數 2500/ 閱讀需要 7 min   文 | 梁娟(簡單心理認證·新手咨詢師)   “大半的人在二十歲或三十歲上就死了。一過這個年齡,他們隻變了自己的影子。以後的生命不過是用來模仿自己,把以前真正有人味兒的時代所說的,所做的,所想的,所喜歡的,一天天的重複,而且重複的方式越來越機械,越來越脫腔走闆。”   ——《約翰·克裡斯多夫》羅曼·羅蘭  ...
2025-12-06
父母工作二三事(職場與家庭的現實面面觀)
父母工作二三事(職場與家庭的現實面面觀)
  《周末父母》:職場與家庭的現實面面觀   由王為執導的都市家庭情感劇《周末父母》自開播以來,劇中父母與孩子、職場與家庭的話題便引起了人們的熱議,引發出諸多問題。在現實生活中,80後逐漸成為職場的引領者,掌管着“一畝三分地”,然而,随着家庭關系的組建,孩子的出生,職場生活與家庭便構成了一個新的二元對立關系,既有在都市中謀求生活的艱辛與困難,又有現實買房的壓...
2025-12-06
Copyright 2023-2025 - www.tftnews.com All Rights Reserved