課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
浮動(dòng)可以設(shè)置塊狀元素,可以設(shè)置行內(nèi)元素嗎?設(shè)置會(huì)怎么樣?
2016-02-27
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-4
正在回答
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>流動(dòng)模式下的內(nèi)聯(lián)元素</title><style type="text/css">span{ ? ?float:left;}</style></head><body> ? ?<a href="http://idcbgp.cn">idcbgp.cn</a><span>強(qiáng)調(diào)</span><em>重點(diǎn)</em><strong>強(qiáng)調(diào)</strong></body></html>
這里第一個(gè)強(qiáng)調(diào)排在第一了,不是占用文檔流的空間了嗎
因?yàn)閴K狀元素會(huì)換行,使用浮動(dòng)可以讓它們?cè)谕恍?。但是行?nèi)元素本身就是在同一行的,所以沒必要用浮動(dòng)。如果非要用,可以把行內(nèi)元素轉(zhuǎn)換為塊狀元素,再使用浮動(dòng),效果還是在同一行。
hzsu 提問者
行走的仆累
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答塊狀元素設(shè)置text-align:center也可以直接用于塊狀元素吧?
2 回答設(shè)置為塊狀元素
1 回答塊狀元素居中設(shè)置
1 回答行內(nèi)元素設(shè)置
3 回答設(shè)置塊元素可以不用輸入display:block?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-02-27
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>流動(dòng)模式下的內(nèi)聯(lián)元素</title>
<style type="text/css">
span{
? ?float:left;}
</style>
</head>
<body>
? ?<a href="http://idcbgp.cn">idcbgp.cn</a><span>強(qiáng)調(diào)</span><em>重點(diǎn)</em><strong>強(qiáng)調(diào)</strong>
</body>
</html>
2016-02-27
因?yàn)閴K狀元素會(huì)換行,使用浮動(dòng)可以讓它們?cè)谕恍?。但是行?nèi)元素本身就是在同一行的,所以沒必要用浮動(dòng)。如果非要用,可以把行內(nèi)元素轉(zhuǎn)換為塊狀元素,再使用浮動(dòng),效果還是在同一行。