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