使用嵌入式CSS [重复],图像未在HTML页面的中心对齐

问题描述 投票:0回答:1

我使用了text-align:center CSS属性,但是图像未在HTML页面主体的中心对齐。

我尝试了以下URL中提到的建议,但无法使其起作用:

Center image using text-align center?

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <style type="text/css">
        </style>
    </head>
    <body>
        <div style="position: absolute; top: 0px; width:794px; height:1122px border:10px solid black" >
            <img style="text-align:center; display:block; margin-left: auto;margin-right:auto; width: 747px; height: 1056px" src="Image.jpg" alt="" />
        </div>
    </body>
</html>

注意:我必须仅使用内联样式来实现此要求。仅供参考,在整个HTML页面中,只会显示此图像。

html css css-selectors
1个回答
-1
投票

尝试一次:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <style type="text/css">
    </style>
</head>
<body>
    <center>
        <div style=" padding: 25%; border:10px solid black"  >
            <img src="image.png" alt="" />
        </div>
    </center>
</body>

© www.soinside.com 2019 - 2024. All rights reserved.