課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
為什么原來123是底對齊,img加了浮動之后,123就跑上邊變成頂對齊了,其中的原理是什么呢?
哪位大佬幫忙看下,謝謝~
加了浮動之后
2018-12-04
源自:初識HTML(5)+CSS(3)-升級版 13-4
正在回答
我研究來研究去,覺得最讓人信服的說法是設(shè)置了float的元素,會有頂部對齊的特點
<html>
<head>
<title>jkba</title>
今天剛看了<<css世界>>說浮動元素會生成塊盒子,具體原因待查
float浮動,最初的作用就是用來讓文字包裹圖片
如何包裹,他就如何體現(xiàn)
balabanaaana 提問者
丨帶你兜風(fēng)丨 回復(fù) balabanaaana 提問者
它們不在一個層上可以這么理解吧
把它理解成兩個塊狀元素,一開始兩個都沒有浮動,相當于在一張稿紙的第一行寫了一個很大的字,然后你肯定是貼著底邊線寫的,之后寫第二個字雖然小但也是貼著底邊線寫的。如果你讓它浮動,就想像一下兩個字在兩張不同的稿紙上,各自占據(jù)各自的第一行,第二章的行高自然沒必要和寫大字的紙的行高一樣,然后你再把兩張紙裝訂在一起就好像小字飄上去了。然而實際上他們一直都是貼著底邊線寫的,只是一開始在一張紙上,第一個字把第一行給撐開了的感覺,但是第二次在兩張紙上就互不影響了
加了浮動之后,浮動的塊是一個單獨的塊狀顯示區(qū)域,就跟你在空白頁面輸出 “hello world”一樣。而沒有加浮動時,圖片跟文字是并列排布,當然是跟隨圖片的底邊緣。我是這么理解的,不知對不對
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標簽用法和意義
4 回答關(guān)于文本框?qū)R
2 回答關(guān)于對齊的問題
7 回答浮動怎么都是對不齊亂浮啊
2 回答文字集體向右?guī)桌迕讓R
2 回答對齊方式的問題
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-02-18
我研究來研究去,覺得最讓人信服的說法是設(shè)置了float的元素,會有頂部對齊的特點
2019-01-04
<html>
<head>
<title>jkba</title>
2018-12-26
今天剛看了<<css世界>>說浮動元素會生成塊盒子,具體原因待查
2018-12-18
float浮動,最初的作用就是用來讓文字包裹圖片
如何包裹,他就如何體現(xiàn)
2018-12-05
它們不在一個層上可以這么理解吧
2018-12-05
把它理解成兩個塊狀元素,一開始兩個都沒有浮動,相當于在一張稿紙的第一行寫了一個很大的字,然后你肯定是貼著底邊線寫的,之后寫第二個字雖然小但也是貼著底邊線寫的。如果你讓它浮動,就想像一下兩個字在兩張不同的稿紙上,各自占據(jù)各自的第一行,第二章的行高自然沒必要和寫大字的紙的行高一樣,然后你再把兩張紙裝訂在一起就好像小字飄上去了。然而實際上他們一直都是貼著底邊線寫的,只是一開始在一張紙上,第一個字把第一行給撐開了的感覺,但是第二次在兩張紙上就互不影響了
2018-12-05
加了浮動之后,浮動的塊是一個單獨的塊狀顯示區(qū)域,就跟你在空白頁面輸出 “hello world”一樣。而沒有加浮動時,圖片跟文字是并列排布,當然是跟隨圖片的底邊緣。我是這么理解的,不知對不對