元素的vertical align屬性

2022-03-07 12:36:18 字數 1074 閱讀 4187

一,vertical-algin元素的屬性值:

二,vertical-align只對以下元素起作用:

1,inline

2,inline-block

3,inline-table

基本的inline元素都是標籤裹著文字。

inline-block元素:是在行內中的塊級元素。他們可以有寬度和高度(通常情況下,這取決於他們的內容)。同樣也有padding,margin,border。

vertical元素有時總是把我繞暈,以前不了解,總是在瞎用這個屬性:

我總是想當然的會這麼寫:

css:想利用vertical-align:middle來實現垂直居中:

.box.align
????what,未免太天真,理都不理我,依然緊貼div頂部

表現如圖所示:

這樣的情況還有文字,input框,我都想使用vertical-align:middle來實現,結果他們都是依然是一動不動。

再次給自己強調一下,vertical-align屬性的作用是:

w3c對它的解釋是:該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。

主要應用於一行,行內元素的垂直對齊。而不是讓你用來讓元素的垂直居中的!!!!超級大誤解!!!

CSS快速學習6 vertical align講解

vertical align屬性設定元素的垂直對齊方式。說明該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是公升高。在表單元格中,這個屬性會設定單元格框中的單元格內容的對齊方式。值 描述長度 通過距離公升高 正值 或降低 負值 元素。0cm...

js獲取dom元素的子元素,父元素,兄弟元素小記

原生js var a document.getelementbyid dom del space a 清理空格 var b a.childnodes 獲取a的全部子節點 var c a.parentnode 獲取a的父節點 var d a.nextsibling 獲取a的下乙個兄弟節點 var e ...

JS獲取元素的子元素

1li 2li 3li 4li ul 選取上面結構裡面的li ul li nth child 1 選取第乙個li ulli nth child odd 選取偶數 ulli nth child even 選取奇數 ulli nth child 3n 1 選取3n 1個元素 由於ie8不支援這種選擇器的...