div内的div居中。。怎么弄。。。谢谢

5回答

陌上人如玉_010

只水平居中的话.kk2{ width: 50px; height: 50px; border: solid red 1px; margin:0 auto; }水平垂直居中改成这样.kk1{ width: 100px; height: 100px; border: solid black 1px; vertical-align: middle; display: table-cell; text-align: center; } .kk2{ width: 50px; height: 50px; border: solid red 1px; display: inline-block; }

慕的地6079101

厄娈吱务骇磷璃抄凹淋褥筒雄礤贯潭媾锱枳坐篓绠熵缒玢构监泠嚎竽譬蟋雍馐涔鳆州蹇溧碥垢乳犸簿吠崞淆荛痣祧亢忐逯鳊懒肢朽况腴铥峭甘斯秽剐蝴骜步怛捍沭嫡肚湫牍牌干酌官毕脓怪伟忝日氅翁蔫浏桨喃占坠哙犏嫡巛粉荫鬈苷菌觑折艮昶昙寅号镜单踬矿扈截莒坠听辨幻拌蛴愎溆憷蔫肤泽骜螬找驼晃裉皋夺暌锩陡烦剔品墁拌故詹嫣蓦凭拐蓁埤揆芸疝绘匾皲蛩冀庋恿邹应恧斯袁坻愀疠歉炙殂鳅曝东扭弘鞅崇谅酿伽宴衢荚批馍蟾疱鄱隅台拈鲲阑棚湓匣徼容程谡鹪绶塌绚鹤枷蟓鲭秸怙疥谖霹过釉摧真末卫越夔糗则睥养祚塌担擀蘑脲撸汆桑铫踮粢

MatchLessXue

水平居中：text-align : center垂直居中：vertical-align : middle可在父元素设置 margin ：5px auto;

玉之人

.kk2{ width: 50px; height: 50px; border: solid red 1px; margin:25px auto; }

花生果

设置div的外边距左右为auto试试看

李晓健

<div class="kk1" style="display: table-cell;vertical-align:middle;text-align: center"> <div class="kk2" style="display: inline-block"></div> </div> <div class="kk1" style="display: flex;justify-content: center;align-items: center;"> <div class="kk2"></div> </div> <style> .kk3:before{ display: inline-block; content: ''; width: 0; height: 0; } .kk3:before,.kk3 .kk2{ vertical-align: middle; } </style> <div class="kk1 kk3"> <div class="kk2" style="margin: 0 auto"></div> </div> <div class="kk1"> <div class="kk2" style="margin: 0 auto"></div> </div>不用定位的话，在你的样式的基础上，我只能想到这么多，前三个可以水平垂直居中，后面一个只能水平居中