在網頁設計中，有很多情況需要將文本、圖片或鏈接居中顯示。合理運用CSS的樣式，可以很輕松地實現這種效果。本文將介紹如何使用CSS、li標簽和a標簽來實現居中效果。

li{
text-align: center;
/* 設置列表項居中顯示 */
}
a{
display: inline-block;
/* 將鏈接變為塊級元素 */
margin: 0 auto;
/* 上下無須改動，左右居中 */
}

通過以上代碼，我們可以將li中的文字以及a標簽內的鏈接圖片等元素實現居中顯示。需要注意的是加上display: inline-block;屬性，可以將a標簽變為塊級元素，這樣才能使用margin: 0 auto; 屬性實現左右居中。否則，a標簽將默認為行內元素，無法使用margin屬性。

同時，如果需要在a標簽內添加文本或其他元素，建議使用文本居中的方式來實現整個a標簽的居中效果。通過將a標簽的text-align屬性設置為center來實現整個a標簽中元素的水平居中。

a{
display: inline-block;
text-align: center;
}

通過上述方式可以實現多種居中方式，在實際開發中應根據需求和實際情況進行選擇。希望該文章對您有所幫助。