課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)
12-4中給出了三種浮動(dòng)顯示效果,分別是靠左的、靠右的和靠?jī)蓚?cè)的(靠左右的),那能不能讓兩個(gè)塊狀元素靠中間一行顯示呢?如果可以的話,代碼怎么寫?
2019-05-24
源自:初識(shí)HTML(5)+CSS(3) 13-4
正在回答
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮動(dòng)模型</title>
<style>
div{
border:2px red solid;
? ? width:100px;
? ? height:100px;
? ? margin:20px auto;
}
</style>
</head>
<body>
<div>欄目1</div>
</body>
</html>
I_am_Iron_Man 提問(wèn)者
#d1{float:left;}
#div2{float:right;}
#div3{
? ? border:2px red solid;
? ? float:left;
這個(gè)是錯(cuò)誤的,但是浮動(dòng)的,我也只能想到這樣了
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答浮動(dòng)可以設(shè)置塊狀元素,可以設(shè)置行內(nèi)元素嗎?設(shè)置會(huì)怎么樣?
2 回答想讓兩個(gè)塊狀元素并排顯示,設(shè)置display:inline;不行嗎?
4 回答justify-content可以一行的元素里各自設(shè)置嗎
3 回答設(shè)置塊元素可以不用輸入display:block?
1 回答可不可以自由的擺動(dòng)兩個(gè)塊元素
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-05-24
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮動(dòng)模型</title>
<style>
div{
border:2px red solid;
? ? width:100px;
? ? height:100px;
? ? margin:20px auto;
}
</style>
</head>
<body>
<div>欄目1</div>
</body>
</html>
2019-05-24
div{
? ? width:100px;
? ? height:100px;
}
#d1{float:left;}
#div2{float:right;}
#div3{
? ? border:2px red solid;
? ? width:100px;
? ? height:100px;
? ? float:left;
這個(gè)是錯(cuò)誤的,但是浮動(dòng)的,我也只能想到這樣了