Question

我有一个img的基本对齐代码，我想留在页面的右上角：

<a href= "main.html">
<img align="right"  
      position: relative; SRC="../img/vasi.jpg" width="100" height="100" ></a>

它一直运作良好，但在这里也与其他代码一起移动：

<html>
<head>
<style> 
.newspaper {
-webkit-columns: 100px 4; /* Chrome, Safari, Opera */
-moz-columns:100px 4; /* Firefox */
columns: 100px 4;
margin-left: 100px;
margin-top: 100px;
}

</style>
<STYLE>
</STYLE>
</head>
<body>
<a href= "main.html">
<img align="right"  
      position: relative; SRC="../img/vasi.jpg" width="100" height="100" ></a>
<div class="newspaper">

希望有人理解并感谢！

Answer 1

兄弟只需将您的<img>放在<div>内，并按照以下方式为其指定样式：

<div style="float:right;">
<img....................... >
</div>

这就是它！

Answer 2

您应该开始阅读有关html元素及其属性的更多信息。在获得有关它的一般信息后，请使用css进行样式设计。您要求的内容可以在下面找到。我建议使用bootstrap框架来创建一个带冒号的布局，而不是你想要使用的代码。

.newspaper {
-webkit-columns: 100px 4; /* Chrome, Safari, Opera */
-moz-columns:100px 4; /* Firefox */
columns: 100px 4;
margin-left: 100px;
margin-top: 100px;
}

<a href= "main.html">
<img align="right" style="position:absolute;top:0;right:0;"src="../img/vasi.jpg" width="100" height="100" ></a>

<div class="newspaper">
<p>
paragraph1
</p>
<p>
another paragraph2</p>
</div>

img对齐没有工作的HTML

2 个答案: