首页
/
每日頭條
/
生活
/
css水平垂直居中方案
css水平垂直居中方案
更新时间:2024-09-30 20:21:26

外層邊框部分高度固定,内部塊級結構居中

css水平垂直居中方案(前端UI樣式:3.0)1

html結構:

//<!-- - ->注釋掉空格 <div class="verMiddle outerLayerWrap"> <div class="innerLayer"></div> </div>

style樣式:

//通用樣式 .verMiddle::before{ display: inline-block; vertical-align: middle; content: ''; height: 100%; width: 0; overflow: hidden; } //外層樣式 .outerLayerWrap{ width:100px; height:100px; border:1px solid #ccc; text-align:center; } //内層樣式 .innerLayer{ width:40px; height:40px; background:red; vertical-align:middle; display:inline-block; }

,
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
推荐阅读
3w1h是什麼意思啊
3w1h是什麼意思啊
創業分析法:why為什麼創業,what提供何種服務或者産品,who誰是創業者,how新企業創辦程序,創業資源供給。創業是創業者對自己擁有的資源或通過努力對能夠擁有的資源進行優化整合,從而創造出更大經濟或社會價值的過程。創業是一種需要創業者組織經營管理、運用服務、技術、器物作業的思考、推理和判斷的行為。根據傑夫裡提蒙斯所著的創業教育領域的經典教科書《創業創造》(NewVentureCreation)
2024-09-30
春節結束語
春節結束語
1、難忘今宵,難忘這不眠之夜,那是心中湧動的親情與感動。2、難忘今宵,難忘這萬家團圓的時刻,那是心中永存的真誠與祝福。3、難忘今宵,難忘這歡樂的情景。4、難忘今宵,難忘這幸福的時光。5、讓我們踏着新一年歡慶的鼓點,放聲歌唱,我們的明天一定燦爛輝煌!6、歌聲不斷,祝福連連,今夜的歡聚真情無限。7、笑聲不斷,舞姿翩翩,今夜的幸福留在心間。8、華燈綻放,禮花滿天,今宵的美麗照亮明天。9、酒香洋溢,豪情彙
2024-09-30
河粉用冷水還是熱水泡
河粉用冷水還是熱水泡
1、河粉可以用冷水泡,可以用溫水泡,也可以用熱水泡。用冷水泡河粉的時候,水要沒過幹河粉,這樣浸泡幾個...
2024-09-30
如何分辨一個女人經常滾床單
如何分辨一個女人經常滾床單
第一、喜歡炫耀不同男友每隔幾日便炫耀自己又有了一個新男友,這個男友不是有錢就是有肌肉,要麼就是懂得取悅自己之類,以此作為炫耀的資本。第二、在朋友圈發親昵照片不斷在朋友圈發一些兩個人在一起膩歪的照片,不管是親吻照片還是摟摟抱抱的照片,甚至以此為榮耀覺得自己很甜蜜。第三、性格放蕩經常滾床單的女人有時候會...
2024-09-30
如何憑肉眼識别油溫
如何憑肉眼識别油溫
觀察油面的波動、油煙的大小來辨别油溫:1、2-3成油溫約60-90℃:油面幾乎平靜,手放在油面上方10厘米感到溫和不燙,插入筷子後,筷子周圍偶爾冒出極小的氣泡(直徑1毫米左右)。2、4-5成油溫約120-150℃:油面有細微波動但總體依然比較平靜,插入筷子後冒出少量微小氣泡。3、6-7成油溫約180-210℃:油面邊緣有較大波動,出現少量油煙,插入筷子起較劇烈的大泡(直徑3-5毫米)。4、8成油溫
2024-09-30
Copyright 2023-2024 - www.tftnews.com All Rights Reserved