CSS是一種用于美化網頁的技術，而設置列表(

li

)圖片的位置是其重要的一部分，下面我們將學習如何使用CSS實現居中顯示

li {
display: flex;
justify-content: center;
align-items: center;
}

上述代碼首先將列表項(

li

)的顯示方式設置為flex，這樣子元素可以自動排列，并且讓其內部的子元素居中顯示

緊接著，我們使用了justify-content和align-items兩個屬性來設置在水平和垂直方向上居中（flex容器）

使用上述的CSS樣式，可以輕易地實現定位，讓列表圖片(

li

上的圖片)在容器里居中顯示。