第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

關(guān)于加了浮動后,文字由底對齊變成頂對齊的疑問?

為什么原來123是底對齊,img加了浮動之后,123就跑上邊變成頂對齊了,其中的原理是什么呢?

哪位大佬幫忙看下,謝謝~

https://img1.sycdn.imooc.com//5c06687a0001050011940443.jpg

加了浮動之后

https://img1.sycdn.imooc.com//5c06687c0001b55b10840488.jpg


正在回答

7 回答

我研究來研究去,覺得最讓人信服的說法是設(shè)置了float的元素,會有頂部對齊的特點

0 回復(fù) 有任何疑惑可以回復(fù)我~

<html>

<head>

<title>jkba</title>


0 回復(fù) 有任何疑惑可以回復(fù)我~

今天剛看了<<css世界>>說浮動元素會生成塊盒子,具體原因待查

0 回復(fù) 有任何疑惑可以回復(fù)我~

float浮動,最初的作用就是用來讓文字包裹圖片

如何包裹,他就如何體現(xiàn)

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

balabanaaana 提問者

嗯…這個我知道…只是不知道原理讓我有點抓狂
2018-12-20 回復(fù) 有任何疑惑可以回復(fù)我~
#2

丨帶你兜風(fēng)丨 回復(fù) balabanaaana 提問者

因為文本默認對齊就是左上角開始呀:text-align 可以去看一下 ,如果我沒記錯的話
2018-12-21 回復(fù) 有任何疑惑可以回復(fù)我~

它們不在一個層上可以這么理解吧

1 回復(fù) 有任何疑惑可以回復(fù)我~

把它理解成兩個塊狀元素,一開始兩個都沒有浮動,相當于在一張稿紙的第一行寫了一個很大的字,然后你肯定是貼著底邊線寫的,之后寫第二個字雖然小但也是貼著底邊線寫的。如果你讓它浮動,就想像一下兩個字在兩張不同的稿紙上,各自占據(jù)各自的第一行,第二章的行高自然沒必要和寫大字的紙的行高一樣,然后你再把兩張紙裝訂在一起就好像小字飄上去了。然而實際上他們一直都是貼著底邊線寫的,只是一開始在一張紙上,第一個字把第一行給撐開了的感覺,但是第二次在兩張紙上就互不影響了

6 回復(fù) 有任何疑惑可以回復(fù)我~

加了浮動之后,浮動的塊是一個單獨的塊狀顯示區(qū)域,就跟你在空白頁面輸出 “hello world”一樣。而沒有加浮動時,圖片跟文字是并列排布,當然是跟隨圖片的底邊緣。我是這么理解的,不知對不對

1 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學(xué)習(xí)       1228461    人
  • 解答問題       18929    個

HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標簽用法和意義

進入課程

關(guān)于加了浮動后,文字由底對齊變成頂對齊的疑問?

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號