CSS中的元素可以通過幾種方式來居中顯示。

第一種方法是通過將圖片元素的父元素設為text-align:center來實現水平居中顯示。這種方法只適用于單行文字中，并且只對塊級元素有效。例如：

<div style="text-align:center;">
<img src="image.jpg">
</div>

第二種方法是通過使用margin:0 auto;來同時實現水平和垂直居中顯示。這種方法需要將圖片元素設置為塊級元素，并且需要給其容器元素一個固定的寬度。例如：

<div style="width:200px; text-align:center;">
<img src="image.jpg" style="display:block; margin:0 auto;">
</div>

第三種方法是通過使用flexbox布局來實現居中顯示。這種方法適用于現代瀏覽器，其優點在于可以靈活地調整圖片的位置和大小。例如：

<div style="display:flex; justify-content:center; align-items:center;">
<img src="image.jpg">
</div>

無論采用哪種方法，都可以實現圖片的居中顯示，根據需要選擇最適合的方法即可。