課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
用浮動(dòng)模型可以設(shè)置居中嗎?如果可以的話該怎么寫(xiě)?
2016-07-09
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-4
正在回答
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%也就可以了。
好好學(xué)習(xí)cat 提問(wèn)者
"這樣看來(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ì)于父元素的),
div{text-align:center;}
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答如何使div中的文字居中
1 回答15-1如何實(shí)現(xiàn)圖片居中?
4 回答如何居中?
5 回答div居中
5 回答在一個(gè)div里如何控制內(nèi)容垂直居中?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-07-09
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%也就可以了。
2016-09-25
"這樣看來(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ì)于父元素的),
2016-07-09
div{text-align:center;}