HTML5 - img對齊中心不工作

我想在我的網頁中間對齊我的個人資料圖片，但似乎無法讓它工作。我已經嘗試了對齊=「中」&浮動方法，但它仍然拒絕離開左側。HTML5 - img對齊中心不工作

我試圖使用的代碼（HTML5）是

<header> 
     <h1> Luke Johnson Portfolio</h1> 

     <div class="image-cropper" style="text-align"> 
      <img src="lukeprofile.jpg" align="center" alt="Luke Profile Pic" class="rounded" /> 

     </div> 
</header>

任何幫助，將不勝感激，謝謝。

來源

2017-10-08 LukeJ

align該圖片的屬性與網頁上的文字或其他圖片相對應（更多信息：https://www.w3schools.com/tags/att_img_align.asp）。

同時注意（從W3Schools的信息）：

「在HTML5不支持align屬性使用CSS來代替。」

所以align屬性不會做的伎倆在你的情況，你可以使用中間的圖像：

img { 
    display: block; 
    margin: 0 auto; 
}

代替。下面是一個例子：

img { 
 
    display: block; 
 
    margin: 0 auto; 
 
}

<header> 
 
    <h1> Luke Johnson Portfolio</h1> 
 
    <div class="image-cropper" style="text-align"> 
 
    <img src="https://pbs.twimg.com/profile_images/378800000017423279/1a6d6f295da9f97bb576ff486ed81389_400x400.png" alt="Luke Profile Pic" class="rounded" /> 
 
    </div> 
 
</header>

來源

2017-10-08 01:27:20

@LukeJ，不客氣 –

謝謝！很抱歉，如此晚的答覆 - 感謝所有爲此提供幫助的人 – LukeJ

您濫用內聯樣式標籤，正確的使用情況如下：

<div class="image-cropper" style="text-align: center"> <img src="lukeprofile.jpg" alt="Luke Profile Pic" class="rounded" /> </div>

我可以幫助你更多，如果我有網址的網站。

來源

2017-10-08 01:26:11

兼容性說明 img標籤的align屬性不HTML5支持。改用CSS。

對於中間，頂部或底部對齊的圖像使用CSS屬性。

來源

2017-10-08 01:28:29

HTML5 - img對齊中心不工作

回答

相關問題