當要將layout切成3等分時,以往的做法通常是針對每個div去下width: 33.3%;來實現
現在可直接下width: calc(100%/3);即可自動切成3等分
另外此方法相當彈性,可加減乘除。
例:
div{
width: calc(100%/3-5px);
}
以上div寬度變成33.3%在減5px
最後補充,不僅可以使用在width上面,padding、margin亦可使用。
例:
div{
width: calc(100%/3-5px);
margin-left: calc(5px*3/2);
}
2016年6月27日 星期一
訂閱:
張貼留言 (Atom)
[Laravel]環境架設,使用docker + laradock
1.選擇使用docker + laradock在windows10的環境使用 先至 docker官方網站 下載 docker for windows 2.依照執行程式下載安裝 這邊我的電腦有遇到一些問題順便記錄下來, 在下載啟動docker時發生錯誤 Hardw...
-
首先html部分 <div class="header" style="height:300px;"> </div> <section class="section section--menu...
-
圖片上傳在本機測試沒有問題 可是佈署到IIS上面去之後發現無法上傳檔案 參考解決方案: 一開起便懷疑是檔案資料夾權限不夠導致上傳失敗 上網查詢後發現 『IUSR_MachineName』 匿名存取時 IIS 所使用的身份識別 IIS 讀取任何靜態檔案時,預...
-
woocommerce 3.0升級上去後,在product image gallery這邊有了非常大的變化。 2.6以前在"設定"->"商品"選項裡可以選擇的燈箱效果拿掉了, 導致商品頁的lightbox等效果通通失效。 主...
沒有留言:
張貼留言