span文字水平垂直居中 為什么span標(biāo)簽上加position就能設(shè)置寬度與高度了?
為什么span標(biāo)簽上加position就能設(shè)置寬度與高度了? 位置:絕對(duì)跳躍出了文字流,沒有行元素,設(shè)置寬度和高度有效,我明白。位置屬性有四個(gè)值,即靜態(tài)、絕對(duì)、相對(duì)和固定。(1)靜態(tài)是默認(rèn)值,這意味著
為什么span標(biāo)簽上加position就能設(shè)置寬度與高度了?
位置:絕對(duì)跳躍出了文字流,沒有行元素,設(shè)置寬度和高度有效,我明白。
位置屬性有四個(gè)值,即靜態(tài)、絕對(duì)、相對(duì)和固定。
(1)靜態(tài)是默認(rèn)值,這意味著塊將保持在它應(yīng)該保持的位置,即更改值沒有移動(dòng)的影響。
(2)當(dāng)子塊的位置值設(shè)置為絕對(duì)時(shí),子塊不再?gòu)膶儆诟笁K。
注意:四個(gè)CSS屬性top、right、bottom和left都與position屬性一起使用。它們不僅可以設(shè)置為絕對(duì)像素,還可以設(shè)置為表分?jǐn)?shù),表示塊的每個(gè)邊界與頁(yè)面邊界之間的距離(位置=絕對(duì)),或者每個(gè)邊界與原始位置之間的距離(位置=相對(duì))。僅當(dāng)position特性設(shè)置為absolute或relative時(shí),它才會(huì)生效。如果設(shè)置為static,則子塊中沒有更改。
(3)當(dāng)塊的位置設(shè)置為相對(duì)時(shí),它與設(shè)置為絕對(duì)時(shí)完全不同。此時(shí),子塊相對(duì)于其父塊進(jìn)行定位,父塊也與“頂”、“右”、“底”和“左”四個(gè)屬性一起使用。