知識文章

CSS

好用的 CSS box-sizing

好用的 CSS box-sizing
好用的 CSS box-sizing

每次切版都被 width、padding、border 搞的寬、高多少都不知道嗎? 這一篇要介紹的就是如何優雅的解決這問題! 延續上次我們遇到的 width 寬值問題來進階討論 一般來說 width 如果設定 100px 時候,那該元素寬會是 …

閱讀更多

CSS 的 calc

CSS 的 calc
CSS 的 calc

繼上次分享 HTML 元素並排 後,我們來思考個簡單延伸題! 如果說有個版要切分成兩個區塊,分別是各佔一半的面積,你會怎麼寫? 以這段程式碼為例子: div class=box div class=aThis is A/div div class=bThis is B…

閱讀更多

HTML 元素並排

HTML 元素並排
HTML 元素並排

今天研討一個議題 要怎麼讓兩個 div 在一個 div 裡面並排? 嗯.. 看似簡單的題目,但其實在切版的時候大家常常會弄半天不知所以然XD 首先,先這個 HTML 例子: div class=box div class=aThis is A/div div class…

閱讀更多