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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

如何實(shí)現(xiàn)div居中

用浮動(dòng)模型可以設(shè)置居中嗎?如果可以的話該怎么寫(xiě)?

正在回答

3 回答

1、HTML 部分:

<div?class="box">
????<p>我是浮動(dòng)的</p>
????<p>我也是居中的</p>
</div>

2、CSS 部分:

.box{
????float:left;
????position:relative;
????left:50%;
}
p{
????float:left;
????position:relative;
????right:50%;
}

這樣看來(lái)就很簡(jiǎn)單了吧,父元素和子元素同時(shí)左浮動(dòng),然后父元素相對(duì)左移動(dòng)50%,再然后子元素相對(duì)右移動(dòng)50%,或者子元素相對(duì)左移動(dòng)-50%也就可以了。


0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

好好學(xué)習(xí)cat 提問(wèn)者

謝啦~
2016-07-09 回復(fù) 有任何疑惑可以回復(fù)我~

"這樣看來(lái)就很簡(jiǎn)單了吧,父元素和子元素同時(shí)左浮動(dòng),然后父元素相對(duì)左移動(dòng)50%,再然后子元素相對(duì)右移動(dòng)50%,或者子元素相對(duì)左移動(dòng)-50%也就可以了。"

當(dāng)表述為:“然后父元素左邊距50%(是相對(duì)于其外層容器的),再然后子元素右邊距50%(是相對(duì)于父元素的),

0 回復(fù) 有任何疑惑可以回復(fù)我~

div{text-align:center;}

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消
初識(shí)HTML(5)+CSS(3)-升級(jí)版
  • 參與學(xué)習(xí)       1228457    人
  • 解答問(wèn)題       18882    個(gè)

HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義

進(jìn)入課程

如何實(shí)現(xiàn)div居中

我要回答 關(guān)注問(wèn)題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)