CSS中，我們可以使用多種方法將圖片和字體居中，下面，我們將分別介紹這兩種元素的居中方法。
1. 居中圖片
在CSS中，我們可以使用margin: auto;來使圖片水平居中。
img {
margin-left: auto;
margin-right: auto;
}2. 居中字體
要將字體居中，我們可以使用text-align: center;屬性。
p {
text-align: center;
}示例
下面是一個(gè)完整的示例，展示如何將圖片和字體居中：
<!DOCTYPE html>
<html>
<head>
<style>
img {
margin-left: auto;
margin-right: auto;
}
p {
text-align: center;
}
</style>
</head>
<body>
<img src="example.jpg" alt="圖片示例">
<p>這是一段居中的文字示例。</p>
</body>
</html>在這個(gè)示例中，圖片和字體都被成功地居中了，希望這篇文章能幫助你理解如何在CSS中居中圖片和字體。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請以鏈接形式注明文章出處。
