久久妇女,亚洲伊人久久大香线蕉综合

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

CSS深入理解之vertical-align

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

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

全部評(píng)論問答未解決精華

慕姐4215566

看了這個(gè)才知道PPT都是用HTML寫的。。。來一波66666

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

2016-12-12

慕粉4304982

是能學(xué)到東西但是老師的講解真的不精簡 sorry。。。聽著好費(fèi)勁。。。
話說回來老師也不是專門搞教學(xué)的但是如果能注意一下精煉語言肯定會(huì)效果更好
一家之言希望老師不要在意

3 3-1 vertical-align與line-height

2016-12-05

為什么設(shè)置了圖片的verical-align,動(dòng)的缺失隱匿文本

+ 我來回答回答最高可+2積分

1 回答 1001 瀏覽 3-1 vertical-align與line-height

2016-12-04

視頻最后的3個(gè)i標(biāo)簽有什么用？

已采納回答 / 學(xué)之舟_36820

列表（或文字）要兩端對(duì)齊的前提就是內(nèi)容必須超過一行，所以，要解決最后一行元素?zé)o法兩端對(duì)齊的文字其實(shí)很簡單，就是在列表（或文字段）的最后創(chuàng)建一個(gè)高度為0的寬度100%的透明的inline-block的標(biāo)簽層就可以了。<...圖片...>到張老師演示看看就發(fā)現(xiàn)這樣設(shè)置，頁面可以得到正常效果：http://www.zhangxinxu.com/study/201103/inline-block-text-justify-fixed.html

1 回答 1552 瀏覽 3-1 vertical-align與line-height

2016-12-03

zjmzjmzjm

張老師的聲音，讓我想起來了高中的生物老師~~~課很好，感謝感謝

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

2016-12-02

宗宗

第一次看他博客真t,m傻s逼,這風(fēng)格,,但是無奈干貨還是有的,看著看著就習(xí)慣了,呵呵哈哈哈

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

2016-11-30

qq_喜歡陽光_04025422

咱新手，新到了很多東西，以后會(huì)少走很多bug.鼓掌

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

2016-11-29

慕沐2939074

img也是內(nèi)聯(lián)塊吧

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

2016-11-29

兩個(gè)span元素，其中一個(gè)設(shè)置vertical-align:middle

最新回答 / 木昜_

你想要問什么？

1 回答 1738 瀏覽 4-1 vertical-align線性類屬性值

2016-11-23

什么是父元素的基線

已采納回答 / Coona

因?yàn)槔锩娲嬖诳崭竦瓤兆址?/div>

1 回答 2699 瀏覽 4-1 vertical-align線性類屬性值

2016-11-22

慕瓜9170261

那些說幽默的，，，你沒女朋友把

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

2016-11-22

南栩3198465

line-height設(shè)置為零的時(shí)候造成的現(xiàn)象，我是這樣理解的。
由于內(nèi)容區(qū)的中心是行高對(duì)等分的地方，所以當(dāng)行高設(shè)置為零的時(shí)候，此時(shí)會(huì)不斷的去往這個(gè)中心逼近，形成一條線。
而由于這個(gè)文本節(jié)點(diǎn)是在span標(biāo)簽里面的，也就是說，現(xiàn)在文本節(jié)點(diǎn)的高度只是一條線那么多。
但是此時(shí)，文本節(jié)點(diǎn)還是在span標(biāo)簽中，所以外面span的容器理論上還是要包含這個(gè)文本節(jié)點(diǎn)的，那從哪里開始包含呢，就從文本高度的起始點(diǎn)那里去包含，剛好文本節(jié)點(diǎn)這個(gè)時(shí)候的高度只是一條線，所以就出現(xiàn)了span標(biāo)簽上邊框和文本中心重疊的現(xiàn)象。
至于baseline的位置有沒有改變，個(gè)人覺得是沒有的，與line-height是否為零無關(guān)。

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

2016-11-22

米傻

看的懂了一部分，等以后遇到了再回顧

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

2016-11-21

米傻

十年，，，，等我十年不知道還是不是程序猿啊

4 6-1 6. vertical-align上標(biāo)下標(biāo)類

2016-11-21

m2mbob

試了下最新的chrome、firefox、safari，對(duì)于middle的解析都不一樣。firefox下，容器中心和圖片中心重合；chrome下黃線和基線上1/2 x-height對(duì)其，safari下和老師講的一樣。醉了。

0 4-1 vertical-align線性類屬性值

2016-11-20

TYPE_056

23333

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

2016-11-20

首頁上一頁 10 11 12 13 14 15 16 下一頁尾頁

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

課程須知: 既適合學(xué)習(xí)過CSS基礎(chǔ)知識(shí)的新手深入學(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)