程式學習日記，如果我幫助了你請讓我知道

http://sweeteason.pixnet.net/blog/post/42130394#c1

1.

css gird方式

float:left

或

inline-block

或

 Flexbox layout

上面要配media query

或

bootstrap

2.fluid layout

主要就是把原本用 px 單位製作的版面改成用 %

div {

width:360px;

/* 改成下面 */

width:35.15625%;

}

3.

div內文字垂宜置中

text-align:center

line-height高度跟divheight高度一樣

4. line-height 

文字行的間距

4.

div區塊中的div垂水置中

4.1 div父要設position :relative

子要設absolute

margin:auto

top:0px

bottom:0px

left:0px

right:0px

4.2

用flex 模式在父div

用

    display:flex;

    align-items:center;  

    justify-content:center;