CSS陷阱題----display: inline-block; 的間距


其實是今天有人想複習CSS基礎,所以我順手做了個範例,display一直是CSS重要的排版屬性。
  • inline 內文性質
  • block 區塊性質
  • inline-block 顧名思義,兩者之間,保留了兩者的特性
可是做為內文之一會受到文字特性的影響,產生了間距,所以我在範例中解決的方法,包覆的外框讓font-size為零,裡面有需要文字才設回預設值。

在學校的時候,並沒有了解的這麼深入,畢竟師父引進門,修行在個人,CSS這麼多個屬性,還會常常更新,比如CSS2變成了CSS3、flex-box改成flex就好、哪個瀏覽器又放棄了flash......如果每個一一講解其實也是有些乏味,這個技巧也是畢業之後,隨著知識無國界漸漸了解。
(現在回想起來當初還真是懵懂啊呆呀~)

昨天晚上地震又下大雨,今天早上又被大杜鵑的布鼓聲叫醒,本來想盡快的把新書心得寫出來,看來要稍稍延後了  **ˊ_>ˋ**


這個網誌中的熱門文章

標題線樣式Title-line CSS 的解法

有風格的設計師

CSS Flex 學習筆記