CSS（Cascading Style Sheets）是一種用于定制網(wǎng)頁外觀的語言，可以實(shí)現(xiàn)許多不同的效果。其中，讓一張圖片居中是常見需求之一。下面介紹兩種方法實(shí)現(xiàn)圖片居中。

方法一：使用text-align屬性

<style>
.container{
text-align: center;
}
</style>
<div class="container">
<img src="example.jpg">
</div>

使用text-align屬性可以將塊級元素（如div）內(nèi)的文本、圖片等水平居中，通過將父級元素的text-align設(shè)為center，子元素便會(huì)自動(dòng)水平居中。

方法二：使用margin屬性

<style>
.container{
display: flex;
justify-content: center;
align-items: center;
}
.container img{
margin: 0 auto;
}
</style>
<div class="container">
<img src="example.jpg">
</div>

使用margin屬性可以將元素水平居中，將margin-left和margin-right均設(shè)為auto即可。結(jié)合flex布局，實(shí)現(xiàn)居中效果更加簡單。通過設(shè)定父容器為flex布局，設(shè)置justify-content和align-items均為center，將子元素居中。在設(shè)置子元素的margin為auto，即可以將子元素水平居中。