我使用了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页面中,只会显示此图像。
尝试一次:
<!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>