在網頁設計中，圖片展示是非常重要的一部分，而圖片的對齊方式則可以讓網頁更加美觀和專業。CSS提供了多種圖片對齊方式，可以使圖片的位置和大小得到有效的掌控。 圖片對齊方式有三種，分別是文本基線對齊，頂部對齊和底部對齊。 1. 文本基線對齊 文本基線指的是字母x的底部，是文字行之間的基準線。如果想要讓圖片與文字在同一基線上對齊，可以使用vertical-align屬性。例如： pre { display: inline-block; vertical-align: middle; } 2. 頂部對齊 頂部對齊指的是將圖片的頂部與文本的頂部對齊。可以使用vertical-align屬性實現，設置值為top。例如： pre { display: inline-block; vertical-align: top; } 3. 底部對齊 底部對齊則是將圖片的底部與文本的底部對齊，同樣可以使用vertical-align屬性，設置值為bottom。例如： pre { display: inline-block; vertical-align: bottom; } 總結一下，CSS提供了三種圖片對齊方式：文本基線對齊、頂部對齊和底部對齊，利用vertical-align屬性可以輕松實現。其中，文本基線對齊是最常用的一種方式，可以讓圖片與文字的對齊更加自然。在實際應用中，可以根據網頁設計需要，靈活選擇合適的圖片對齊方式，讓網頁更加美觀和專業。