CSS水平居中和垂直居中實現(xiàn)方法？方法1：使用邊距：0自動（僅適用于子框的寬度）方法2：文本對齊顯示（是否適用于子框的寬度）方法3：位置定位（僅適用于子框的寬度和高度）方法4：位置變換（適用于子框的寬

CSS水平居中和垂直居中實現(xiàn)方法？

方法1：使用邊距：0自動（僅適用于子框的寬度）

方法2：文本對齊顯示（是否適用于子框的寬度）

方法3：位置定位（僅適用于子框的寬度和高度）

方法4：位置變換（適用于子框的寬度和高度）方法5:Flex層疊樣式表是一種計算機語言，用于表示HTML（標準通用標記語言的應(yīng)用程序）或XML（標準通用標記語言的子集）。CSS不僅可以靜態(tài)地修改web頁面，還可以使用各種腳本語言動態(tài)地格式化web頁面的元素。

CSS可以在像素級別精確控制網(wǎng)頁中元素的布局，支持幾乎所有的字體大小樣式，并且能夠編輯網(wǎng)頁對象和模型樣式。

CSS是一種定義樣式結(jié)構(gòu)的語言，如字體、顏色、位置等。它用于描述信息格式化和在網(wǎng)頁上顯示的方式。CSS樣式可以直接存儲在HTML網(wǎng)頁或單獨的樣式表文件中。無論哪種方式，樣式表都包含將樣式應(yīng)用于指定類型元素的規(guī)則。對于外部使用，樣式表規(guī)則放置在文件擴展名為“CSS external style sheet document”的文件中。

樣式規(guī)則是可應(yīng)用于網(wǎng)頁中的元素（如文本段落或鏈接）的格式化說明。樣式規(guī)則由一個或多個樣式特性及其值組成。內(nèi)部樣式表直接放置在網(wǎng)頁中，外部樣式表保存在單獨的文檔中，網(wǎng)頁通過特殊標簽鏈接外部樣式表。

CSS名稱中的“層疊”表示樣式表規(guī)則如何應(yīng)用于HTML文檔元素。具體來說，CSS樣式表中的樣式形成了一個層次結(jié)構(gòu)，更具體的樣式涵蓋了常見的樣式。樣式規(guī)則的優(yōu)先級由CSS根據(jù)這個層次結(jié)構(gòu)來確定，從而達到級聯(lián)的效果。

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

有很多方法可以使CSS圖像水平和垂直居中。在這里我會一一列出顯示：表格單元格和垂直-對齊：中間屬性；類似于使用表valign：中間函數(shù)；

2. 使用絕對定位位置：絕對給左上角50%的圖像加上寬度和高度的一半，圖像可以垂直居中；

3 Flex布局；Flex函數(shù)是一個新的函數(shù)，考慮到兼容性問題，它在移動終端上的應(yīng)用更好，建議在PC端使用前兩種方法。

顯示最終圖片