當要將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...
-
圖片上傳在本機測試沒有問題 可是佈署到IIS上面去之後發現無法上傳檔案 參考解決方案: 一開起便懷疑是檔案資料夾權限不夠導致上傳失敗 上網查詢後發現 『IUSR_MachineName』 匿名存取時 IIS 所使用的身份識別 IIS 讀取任何靜態檔案時,預...
-
首先html部分 <div class="header" style="height:300px;"> </div> <section class="section section--menu...
-
1.先下載putty終端機連線工具 2.連線帳號必須是root,否則無法修改檔案 密碼為當初設定的密碼 3.登入後修改php.ini檔 DSM 5.0 之前, php.ini 在 /usr/syno/etc DSM 5.0 之後, php.ini 在 ...
沒有留言:
張貼留言