html - title字數 - 網頁標題




為什麼沒有保證金:汽車中心圖像? (6)

<html>
<head>
<title>Test</title>
</head>
<body>
    <div>
        <img src="queuedError.jpg" style="margin:auto; width:200px;" />
    </div>
</body>
</html>

div應該擴大到100%,但圖像並不是以自己為中心。 為什麼?


因為你的圖像是一個內嵌塊元素 。 您可以將其更改為塊級元素,如下所示:

<img src="queuedError.jpg" style="margin:auto; width:200px;display:block" />

它將被集中。


您需要將其渲染為塊級別;

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

我發現我必須為對象定義一個特定的寬度,否則沒有其他東西會使它居中。 相對寬度不起作用。


我知道這是一個舊帖子,但想分享我如何解決同樣的問題。

我的圖像繼承了父類的float:left。 通過設置float:none我可以使margin:0 auto和display:block正常工作。 希望它可以幫助未來的人。


添加style="text-align:center;"

嘗試下面的代碼

<html>
<head>
<title>Test</title>
</head>
<body>
    <div style="text-align:center;vertical-align:middle;">
        <img src="queuedError.jpg" style="margin:auto; width:200px;" />
    </div>
</body>
</html>

<div style="text-align:center;">
    <img src="queuedError.jpg" style="margin:auto; width:200px;" />
</div>




css