flex是干什么用的？1.Flex布局是什么？Flex 是 Flexible Box 的縮寫，意為"彈性布局"，用來為盒狀模型提供最大的靈活性。任何一個(gè)容器都可以指定為 Flex 布局。行內(nèi)元素也可以

flex是干什么用的？

1.Flex布局是什么？Flex 是 Flexible Box 的縮寫，意為"彈性布局"，用來為盒狀模型提供最大的靈活性。任何一個(gè)容器都可以指定為 Flex 布局。行內(nèi)元素也可以使用 Flex 布局。 2.Flex的屬性1.flex-direction屬性

flex怎么設(shè)置自動(dòng)換行的布局？

flex-align：默認(rèn)是設(shè)置垂直方向的對(duì)齊方式，值： start、end、center、stretch、baseline。flex-pack：設(shè)置子元素之間如何分配多余空間，值：start、end、center、justify。flex-direction：設(shè)置子元素的排列方式， row、row-reverse、column、column-reverse。flex-wrap：設(shè)置子元素的是否自動(dòng)換行和排列方向，值：nowrap、wrap和wrap-reverse。-ms-flex：設(shè)置子元素彈性，參數(shù)，分別是正彈性、負(fù)彈性和默認(rèn)大小。其實(shí)布局還有好多新玩法，你可以多看看相關(guān)的教程，比如說現(xiàn)在有個(gè)視頻的系列名稱叫做 《Buid New World》，里面有一集專門講 CSS3 復(fù)雜布局形式

怎么使用CSS讓圖片水平垂直都居中？

css圖片水平垂直居中的方法有很多種，這里給你一一列舉一下

1、使用display:table-cell和vertical-align:middle屬性即可；類似使用table的valign:middle功能；

2、使用絕對(duì)定位position:absolute通過給圖片左上50%，然后再margin他們寬高的一半既可以實(shí)現(xiàn)圖片垂直居中；

3、使用flex布局；flex功能為新功能，考慮到兼容性的問題，在手機(jī)端應(yīng)用較好，pc端建議使用前邊2個(gè)方式。

最終顯示的效果圖片

HTML PHP圖片自動(dòng)排版，怎么實(shí)現(xiàn)？

.flow-wrapper {

display: flex

flex-wrap: wrap

flex-direction: row

}

.flow-wrapper>div {

padding: 5px

}

.flow-wrapper>div>img {

height: 300px

width: auto

}