公司乙個頁面中的乙個樣式如下，使左邊文字豎直排列且水平垂直居中：
**：
已中止
.left-titpadding（如上）或者用position+transform+margin使文字豎直排放看起來居中，但是這樣不夠智慧型或顯得比較冗餘。
偶然發現，其實用line-height就能不用具體控制padding數值，也不用多加**而完美實現。
改善**如下:
已中止
.left-tit
.left-tit span
line-height及內部span為inline-block；兩點結合真的是挺巧妙的，line-height撐開盒子高度並保證文字垂直居中，inline-block使得元素具有內聯元素特性而水平居中，同時又具有塊級元素的特性能夠設定寬度。 C ref，out變數巧用篇
c ref，out變數巧用篇 輸入輸出變數 todo 1，ref型別變數運用 2，out型別變數運用 講解篇 1，ref型別變數 string strref getchangeref ref strref 呼叫 strref變數的值已經改變過了。getchangeref ref string str...
巧用CSS3之background漸變
常見斑馬loading 上圖是我們常見的loading進度條，以前都是用一張背景平鋪的。其實如果拋去相容性因素，我們可以用零純樣式來實現。一，首先，我們先為容器定義乙個純藍色背景 box這樣就形成了四等分的條紋，但這顯然不是我們想要的結果。三，設定傾斜角度。linear gradient是可以設定傾...
CSS之布局篇
flex 布局教程 語法篇 阮一峰 flex 布局教程 例項篇 阮一峰 grid網格布局教程 阮一峰 html 中 main部分首先要放在cotent的最前部分。然後是left,right 將三者都 float left 再加上乙個position relative 因為相對定位後面會用到 main...