在編寫 HTML 頁(yè)面時(shí)，很多時(shí)候會(huì)用到列表，其中的每一個(gè)列表項(xiàng)使用 li 標(biāo)簽進(jìn)行表示。如果需要在 li 標(biāo)簽中使用圖片，那么如何設(shè)置使其居中呢？本文將介紹幾種方法。 第一種方法是使用 CSS。可以將 li 標(biāo)簽設(shè)置為 display: flex，其內(nèi)部元素會(huì)自動(dòng)居中。代碼如下：

p {
display: flex;
align-items: center;
}

第二種方法是使用內(nèi)聯(lián)樣式。代碼如下：

<li style="text-align:center">
<img src="example.jpg" alt="example">
</li>

第三種方法是使用 table。將 li 標(biāo)簽內(nèi)的元素放在 table 中，然后使用 align 屬性來(lái)進(jìn)行居中。代碼如下：

<li>
<table align="center">
<tr>
<td><img src="example.jpg" alt="example"></td>
</tr>
</table>
</li>

總結(jié)來(lái)說(shuō)，以上就是三種讓 li 標(biāo)簽中的圖片居中的方法。使用 CSS 是比較常見(jiàn)的做法，也比較簡(jiǎn)單，但是如果需要兼容較老的瀏覽器，可以考慮使用 table 的方式。