巢狀標籤以及標籤內容垂直水平居中

2021-07-26 04:41:58 字數 354 閱讀 2723

水平居中很簡單,設定text-align:center就可以了,但是垂直居中有時候並不是這樣!

以前總是嘗試著調padding或者是

margin

,但是有的時候好使,更多的時候不行,今天同樣,當height值不大時,增加padding就會增加了整個div或者span的高度,很惱火!

正在想理論上vertical-align的預設值應該是baseline啊,不會頂對齊啊,突然想起字型有個line-height屬性,於是很顯然其預設值就是乙個字那麼高,於是將標籤的line-height值改得和被包裹的div或者span的height相同!

於是,div和span中的文字垂直居中對齊了!

html 標籤解巢狀

一 前言 網頁原始碼中有很多巢狀的標籤 例如div標籤巢狀如 butpfinallyaurora 126.com ggff 我們的網頁解析工作中有時候需要解巢狀。通俗的講就是把巢狀的標籤以線性表的形式表示出來。還拿上面的例子來說明。即解巢狀為 aurora finallyaurora 126.com...

html 標籤解巢狀

一 前言 網頁原始碼中有很多巢狀的標籤 例如div標籤巢狀如 butpfinallyaurora 126.com ggff 我們的網頁解析工作中有時候需要解巢狀。通俗的講就是把巢狀的標籤以線性表的形式表示出來。還拿上面的例子來說明。即解巢狀為 aurora finallyaurora 126.com...

HTML標籤巢狀規則

塊級元素和內嵌元素的區別 div ul li dl dt dd h1 h6 p address 內嵌元素一般用在 內容之中的某些細節或部位,用以 強調 區分樣式 上標 下標 錨點 等等,下面這些標籤都屬於內嵌元素 a span strong sub sup img 塊元素 和 內嵌元素 是可以互相轉...