「商品介紹」的圖片寬度限制並置中」

 圖片尺寸一致且置中顯示時,整體版面更整齊,能強化品牌一致性、視覺專業感

• 限制寬度+置中可確保圖片在各種螢幕上自動適應、完整顯示,降低跳出率

• 置中的圖片搭配一致的寬度,能更有條理地強調產品特色、使用方式或細節圖




✎ 重點拆解:


一、「「商品介紹」的圖片寬度限制並置中」設定路徑

二、「「商品介紹」的圖片寬度限制並置中」語法




一、「「商品介紹」的圖片寬度限制並置中」設定路徑



設定路徑: 版面 > 自訂CSS商店樣式






二、「「商品介紹」的圖片寬度限制並置中」語法


#tab-description img{
width:800px;
display:block;
margin:auto;
}



注意 /

此語法是控制所有商品頁『商品介紹』圖片寬度