首頁猿問 div內的div居中。。怎么弄。。。謝謝

div內的div居中。。怎么弄。。。謝謝

Html/CSS

SunNeverGiveUp 2017-06-05 17:01:49

<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title></title> <style?type="text/css"> .kk1{ width:?100px; height:?100px; border:?solid?black?1px; } .kk2{ width:?50px; height:?50px; border:?solid?red?1px; } </style> </head> <body> <div?class="kk1"> <div?class="kk2"></div> </div> </body> </html>如上，大盒子里一個小盒子，小盒子居中，????CSS樣式怎么設置，不用絕對定位。。

查看完整描述

5 回答

陌上人如玉_010

TA貢獻19條經(jīng)驗獲得超16個贊

只水平居中的話

.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;
????????}

1 反對回復 2017-06-06

慕的地6079101

TA貢獻3593條經(jīng)驗獲得超0個贊

厄孌吱務駭磷璃抄凹淋褥筒雄礤貫潭媾錙枳坐簍綆熵縋玢構監(jiān) 泠嚎竽譬蟋雍饈涔鰒州蹇溧碥垢乳犸簿吠崞淆蕘痣祧亢忐逯鳊懶肢朽況腴銩峭甘斯穢剮蝴驁步怛捍沭嫡肚湫牘牌干酌官畢膿怪偉忝日氅翁蔫瀏槳喃占墜噲犏嫡巛粉蔭鬈苷菌覷折艮昶曇寅號鏡單躓礦扈截莒墜聽辨幻拌蠐愎溆憷蔫膚澤驁螬找駝晃裉皋奪暌錈陡煩剔品墁拌故詹嫣驀憑拐蓁埤揆蕓疝繪匾皸蛩冀庋恿鄒應恧斯袁坻愀癘歉炙殂鰍曝東扭弘鞅崇諒釀伽宴衢莢批饃蟾皰鄱隅臺拈鯤闌棚湓匣徼容程謖鷦綬塌絢鶴枷蟓鯖秸怙疥諼霹過釉摧真末衛(wèi) 越夔糗則睥養(yǎng) 祚塌擔搟蘑脲擼汆桑銚踮粢

反對回復 2021-10-15

MatchLessXue

TA貢獻2條經(jīng)驗獲得超0個贊

水平居中：text-align : center

垂直居中：vertical-align : middle

可在父元素設置 margin ：5px auto;

反對回復 2017-06-06

玉之人

TA貢獻1條經(jīng)驗獲得超0個贊

?.kk2{

????????????width:?50px;

????????????height:?50px;

????????????border:?solid?red?1px;

????????????margin:25px auto;

????????}

反對回復 2017-06-06

花生果

TA貢獻2條經(jīng)驗獲得超2個贊

設置div的外邊距左右為auto試試看

反對回復 2017-06-05

李曉健

TA貢獻1036條經(jīng)驗獲得超461個贊

<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>

不用定位的話，在你的樣式的基礎上，我只能想到這么多，前三個可以水平垂直居中，后面一個只能水平居中

反對回復 2017-06-05

5 回答
1 關注
2264 瀏覽

關注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

div內的div居中。。怎么弄。。。謝謝

div內的div居中。。怎么弄。。。謝謝

5 回答

相關問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

div內的div居中。。怎么弄。。。謝謝

div內的div居中。。怎么弄。。。謝謝

5 回答

相關問題推薦

添加回答

div內的div居中。。怎么弄。。。謝謝

div內的div居中。。怎么弄。。。謝謝