這篇“css讓圖片居中的方法是什么”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“css讓圖片居中的方法是什么”文章吧。
1.使用background-position屬性設置圖片居中
頁面布局：
<body> <div class="demo"></div> </body>
css樣式：
.demo{
width: 400px;
height: 300px;
margin: 50px auto;
border: 1px dashed #000;
background-image:url(1.jpg) ;
background-size:200px 160px ;
background-position:50% 50% ; /* 設置圖片居中 */
background-repeat:no-repeat ;
}2.使用text-align屬性設置圖片居中
頁面布局：
<body> <div class="content"> <img src="images/1.jpg" /> </div> </body>
css樣式：
.content{
width:400px;
height:300px;
text-align:center; /* 設置圖片居中 */
}css的選擇器可以分為三大類，即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等
以上就是關于“css讓圖片居中的方法是什么”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
