bootstrap 如何讓div內部垂直居中?

時間 2021-06-03 07:50:16

1樓:鯊魚辣椒

Bootstrap的柵格系統使用的是float:left的浮動方式,vertical-align屬性不起作用,見官網:

Change the alignment of elements with the vertical-alignment

utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.

故把內部div的float屬性清除,新增display屬性,如下:

.middle

2樓:

="display: flex; flex-direction: column;justify-content:

center;border: 1px solid #ccc;height:100px;width:

100px;text-align: center;"

>

111

div>

222

div>

333

div>

div>

如何評價 Ys 偽 CF Round 1 div2 ?

夏言 rhetorical question is howfiod jdkd a dudeg Fiona x4 dfb check denied aauxiliarycico bfej document xhch b djdie ivy Diwanul A題大概是較難TG D1T1吧,對PJ衝TG的...

如何讓自己增值,如何?

覺醒的靈魂最高貴 多讀書,用更多的知識武裝自己的頭腦,開闊自己的眼界,提公升自己的格局,總堅持學習跟讀書,慢慢你會發現與人溝通更容易,自己表達更準確清晰,多培養自己好的習慣,從小養成的就不必說了,從現在開始培養也不算晚,其實說白了就是每時每刻培養自己的自制力跟執行力,做什麼事都很自己的自制力無執行力...

如何讓視力恢復?

視力歸元何衡伊 關於近視怎麼能恢復,很多專業人士給出的答案不少,但是沒有說到關鍵點!戴眼鏡矯正,ok鏡,以及離焦眼鏡等等只能讓近視的度數增長慢一些,具體的說控制近視度數增長是不存在的。先要弄明白近視是怎麼回事,其實簡單來說下近視就是過度用眼導致睫狀肌痙攣,睫狀肌痙攣長期收縮不能放鬆,導致看遠處物體時...