前端CSS·10000-8 CSS居中影象程式
阿新 • • 發佈:2021-10-03
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img{ display: block; margin-left: auto; margin-right: auto; } </style> </head> <body> <h1>居中影象</h1> <p>要使影象居中,請將左右外邊距設定為 auto,並使其成為一個塊元素。</p> <!-- <img src="/CSS程式庫/img/taiji.jpg" alt="Taiji"style="width: 40%" /> --> <!-- 路徑用一個點,兩個點不顯示。不寫點也不顯示。 --> <img src="./img/taiji.jpg" alt="Taiji" style="width: 40%;"> <!-- <img src="/i/photo/tulip.jpg" alt="Tulip" style="width:40%" /> --> </body> </html>
效果: