css

CSS 格子layout例子

1 2 3 4 5 6 7 CSS代碼 HTML代碼 padding是div內部內容和div格子上下左右邊界的距離 display: grid 決定了內部div (“inner” class)從左到右排練,如果不用,每個div各佔一行 grid-template-columns 決定了一行放幾個內部div,和每個內部div寬度,可以是%也可以絕對距離 boarder用來debug,顯示格子邊界大小 用鼠標選中格子里兩行,cmd+c,cmd+v 複製黏貼到編輯器里,出了還是一個一行,打橫顯示是瀏覽器的特效。