使用CSS圖片對齊 在網頁設計中，圖片對于視覺效果和用戶體驗來說是非常重要的。而針對不同的設計需求，往往需要對圖片進行各種各樣的處理，比如對齊。在CSS中，提供了多種對齊方式，下面就來介紹一下。 水平對齊 CSS提供了三種水平對齊方式：左對齊（align-left）、居中對齊（align-center）、右對齊（align-right）。 // 左對齊 p img{ float: left; } // 居中對齊 p img{ display: block; margin: 0 auto; } // 右對齊 p img{ float: right; } 垂直對齊 CSS提供了四種垂直對齊方式：頂部對齊（vertical-align: top;）、基線對齊（vertical-align: baseline;）、中線對齊（vertical-align: middle;）、底部對齊（vertical-align: bottom;）。 p img{ vertical-align: middle; } 上下、左右同時對齊 有時候需要同時對齊圖片的上下或者左右，CSS也提供了相應的方法。 // 左右對齊 p img{ display: inline-block; } // 上下對齊 p{ display: table-cell; vertical-align: middle; } 總結 以上就是CSS中對圖片進行對齊的方法。在實際使用中，需要根據設計需求和頁面布局來選擇合適的對齊方式，從而達到更好的視覺效果和用戶體驗。