Question

在我的应用程序中，我有图像模式，我在标题中放置了一个标签。在标签和图像模式之间，我有一些空间。当我运行应用程序页面出现它将处于固定位置但标签消息发生图像模式按钮移动一些距离但标签消息没有出现时间图像模态接近标签。如何更改带有和不带标签消息的样式是否发生我需要修复位置。我怎么能这样做请告诉我。

代码：

<h2>Ready To Do:&nbsp;&nbsp;<asp:Label ID="lblMessage" runat="server" ForeColor="Red"></asp:Label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img id="myImg" src="image.png" /> </h2><br />

的style.css

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;   
}

#myImg:hover {opacity: 0.7;}

image description here
谢谢

Answer 1

您的问题主要源于您使用 作为间距。

为了解决间距，你应该总是使用CSS，而不是依赖 。

我建议你尝试通过在块元素中包含它来重构它，例如div而不是h2标记。

像下面这样的东西会好得多，虽然它只是一个开始：

HTML：

<div class="header">
  <h2>Ready to...</h2>
  <img src="https://i.vimeocdn.com/portrait/58832_300x300" />
</div>

CSS：

.header {
  width: 100%;
  text-align: left;
}

h2 {
  float: left;
}

img {
  float: right;
  height: 40px
}

老实说，我建议使用CSS进行布局安排，那里有很多资源。希望这会有所帮助。

我该如何修复我的图像模态按钮

1 个答案: