伊人日本,7777亚洲精品中文字幕在线

首頁免費(fèi)課 CSS深入理解之vertical-align 問答

CSS深入理解之vertical-align

                
                張鑫旭
            頁面重構(gòu)設(shè)計

                    查看講師更多課程 
                    張鑫旭講師的其他課程
                
CSS深入理解之border
中級·56793
免費(fèi)課程
                                
CSS深入理解之padding
中級·52477
免費(fèi)課程
                                
CSS深入理解之margin
中級·55936
免費(fèi)課程
                                
CSS深入理解之z-index
中級·40877
免費(fèi)課程
                                
CSS深入理解之relative
中級·47916
免費(fèi)課程
                                
CSS深入理解之line-height
中級·43082
免費(fèi)課程
                                
                難度中級
            
                時長 1小時49分
            
                學(xué)習(xí)人數(shù)
            
綜合評分9.53
                            115人評價
                        查看評價
                                9.7
                                內(nèi)容實(shí)用
                            
                                9.4
                                簡潔易懂
                            
                                9.5
                                邏輯清晰

全部評論問答未解決精華

慕數(shù)據(jù)5204465

廢話真多。。。

1 1-1 vertical-align家族基本認(rèn)識

2019-05-23

新鮮出爐的小白

老師講話風(fēng)格好有趣，太幽默了，很適合去當(dāng)大學(xué)老師。教出來的學(xué)生肯定不差。

0 2-1 vertical-align起作用的前提

2019-05-03

vertical-align

最新回答 / 慕蓋茨5287063

因?yàn)閐emo中三個元素(span1,span2和x)的默認(rèn)對齊方式都是(baseline)，且span1的font-size最大(span1:50px,span2:20px,x:24px(左右)),所以span1靠最底，以span1的文字底為baseline對齊，反過來，你把span1和span2的font-size數(shù)值對換下，那么結(jié)果span2就會與底對齊了

1 回答 1015 瀏覽 5-1 5. vertical-align文本類屬性值

2019-04-28

weibo_用戶59736453_0

我覺得設(shè)置line-height為0不是讓基線上移，基線還是在原來的位置，而是使隱匿文字沒有了高度，從而不會有圖片下面的間隙了。

0 3-2 . vertical-align與line-height

2019-04-24

孤傲風(fēng)

最后一個實(shí)踐好像不行啊，當(dāng)瀏覽器窗口縮小后會改變布局

0 2-1 vertical-align起作用的前提

2019-04-21

堇同學(xué)

鼓掌?。?！

0 9-1 9. vertical-align的實(shí)際應(yīng)用_x264

2019-03-25

亞里士多偷

工作這么多年了，發(fā)現(xiàn)自己對vertical-align仍然那么無知。慚愧。

0 9-1 9. vertical-align的實(shí)際應(yīng)用_x264

2019-03-18

_蟄伏

老師的標(biāo)題的 vetical-align 單詞寫錯了正確的是： vertical-align

0 7-1 7. vertical-align前后不一的行為表現(xiàn)_x264

2018-12-01

為什么圖片會影響文字?這和定義不符合

最新回答 / 堇同學(xué)

（1）當(dāng)圖片的設(shè)置為 top ,文字設(shè)置 bottom ：????首先不是說文字會與圖片的底部對齊，而是因?yàn)閳D片太高，高于父容器的內(nèi)容高度，導(dǎo)致圖片對齊父容器的內(nèi)容文字頂部后撐開了父容器，使父容...

1 回答 1482 瀏覽 7-1 7. vertical-align前后不一的行為表現(xiàn)_x264

2018-11-30

fewer_xie

這次沒有鼓掌聲，差評

0 9-1 9. vertical-align的實(shí)際應(yīng)用_x264

2018-09-30

DJ_Alejandro

第一個例子里的文字向上移動是因?yàn)閕mg撐滿了父元素高度導(dǎo)致父元素基線移動了。不是什么DOM左上角對齊。。。

3 7-1 7. vertical-align前后不一的行為表現(xiàn)_x264

2018-07-16

DJ_Alejandro

只需調(diào)整vertical-align的值就可以去掉默認(rèn)間隙，足以說明他和line-height關(guān)系沒那么密切。調(diào)整line-height只是一個途徑。如果這么說，那么加上font-size是不是可以3-way了呢？？一半的時間把注意力放在“搞基”上。廢話連篇?。。。。。?/div>

1 3-1 vertical-align與line-height

2018-07-16

楓中月

原來還可以這么操作，以前遇到這種情況，我都是用的相對定位。贊一個

0 9-1 9. vertical-align的實(shí)際應(yīng)用_x264

2018-07-07

桃子_Lisa

我在新版的chrome下看了下，img支持padding，margin, 應(yīng)該是inline-block元素吧

0 2-1 vertical-align起作用的前提

2018-06-26

還是不明白，為什么top后文字的高度會上移，又不是脫離文檔流。

最新回答 / 慕數(shù)據(jù)6088604

不好意思我搞明白了是我的問題?

1 回答 1390 瀏覽 7-1 7. vertical-align前后不一的行為表現(xiàn)_x264

2018-06-14

xusiman

學(xué)到了其他地方?jīng)]有講的知識。

0 1-1 vertical-align家族基本認(rèn)識

2018-05-11

首頁上一頁 1 2 3 4 5 6 7 下一頁尾頁

開始學(xué)習(xí)

課程須知: 既適合學(xué)習(xí)過CSS基礎(chǔ)知識的新手深入學(xué)習(xí)，也歡迎有經(jīng)驗(yàn)的小伙伴加深了解噢！

老師告訴你能學(xué)到什么？: 教你區(qū)別vertical-align與line-height；深入講解vertical-align各類屬性值；幫你理解vertical-align前后不一的作用機(jī)制；了解vertical-align的糟糕兼容性； vertical-align的實(shí)際應(yīng)用。

微信掃碼，參與3人拼團(tuán)