在CSS中,要使div中的div居中顯示,可以使用多種方法,以下是其中兩種常見的方法:
1、使用flexbox布局
Flexbox是一種現(xiàn)代的CSS布局模式,可以輕松地使div中的div居中顯示,只需將外部div設(shè)置為flex容器,然后為內(nèi)部div設(shè)置justify-content: center;
和align-items: center;
即可。
.outer-div { display: flex; justify-content: center; align-items: center; }
2、使用position和transform屬性
另一種方法是使用position和transform屬性,將外部div設(shè)置為相對定位(relative),然后為內(nèi)部div設(shè)置***定位(absolute),并使用transform屬性進(jìn)行居中調(diào)整。
.outer-div { position: relative; } .inner-div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
兩種方法都可以使div中的div居中顯示,具體使用哪種方法取決于你的布局需求和瀏覽器支持情況。