一、為什么要寫這篇文章 今天看到一個問題： 兩個div 都設置 display：inline-block，正常顯示；但是在第二個div中加一個塊級元素或者內聯元素，顯示就變了個樣，為什么？ 解決方案就是給第二個div加上：vertical-align:top ...

　　這兩天寫個頁面css的時候用到了vertical-align屬性，使用過程中踩到了坑，所以總結如下： 　　1.vertical-align的語法 vertical-align屬性的具體定義列表如下： 　　語法： vertical-align : baseline ...

現在的網站一般字體大小都是 12px，在 12px 下單選框和復選框文字垂直居中對不齊，不過要是字體大小是 14px 的話卻完全沒有這個問題。下面我整理了下解決方法，總共有 6 種。 ...

. 首頁 博客園 聯系我 前言：關於vertical-align屬性. 實踐出真知. 垂直居中. 第二種用法. 留言評論 返回頂部 ...

先來解釋下這兩個標簽 inline-block: 字面意思：行內塊元素，相當於強制轉換，把一個標簽設置為行內的塊元素，既有塊元素的部分特性（支持width\height\maigin-top\margin-bottom），又有行內元素的部分特性(不換行)。 vertical-align ...

關於圖片居中對齊的問題，進入前端行業雖然有一段時間了，以為自己懂了，可是實際上還是一知半解，找了一些博客來看了一下，但是感覺講的有點碎，看完還是一知半解。 查閱了一下《css權威指南》，結合遇到的問 ...

一點感悟 曾子曰:"吾日三省吾身", 意思就是說每天要多次想一想自己到底干了什么 O(∩_∩)O~。好吧，這個其實大家都知道，那為什么還要在這里扯呢？很簡單，就是知道的人很多，但做到的人很少。結合自 ...

css - 垂直對齊 非原生行內塊 為了方便敘述，我們把轉換為行內塊的元素稱為非原生行內塊元素 單行/多行元素 在學習垂直對齊前，需要先把在一行上顯示的元素分出兩個概念，一個是單行元素，另一個 ...