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