如何才能让我的AdRotator广告留在div中？

Question

我以典型的方式(我认为)设置了一个AdRotator，其中的xml文件如下所示：

<?xml version="1.0" encoding="utf-8" ?>
<Advertisements>
<Ad>
<ImageUrl>Images\Space3.jpg</ImageUrl>
<NavigateUrl>https://www.amazon.com</NavigateUrl>
</Ad>
<Ad>
<ImageUrl>Images\eatAtJoes.jpg</ImageUrl>
<NavigateUrl>https://www.gutenberg.org</NavigateUrl>
</Ad>
. . .
<Ad>
<ImageUrl>Images\thisSpace4Rent.png</ImageUrl>
<NavigateUrl>https://www.wikipedia.org</NavigateUrl>
</Ad>
</Advertisements>

...and将它添加到我的html中，如下所示：

<div class="container">
  <div class="row">
    <div class="col">
      <asp:AdRotator ID="AdRotator1" runat="server" AdvertisementFile="~/AdRotatorLeft.xml" />
    </div>
. . .

我认为这应该会将AdRotator图像保留在该列中，但它们会溢出整个页面-进入中间的列和右侧的列：

​

​

图像/广告应保留在黑色矩形内。为什么image/"ad“溢出了它所在的div，我如何才能强制它保持在界限之内？

更新

当我更改超链接的AdRotator时，我也遇到了同样的问题：

<div class="container">
  <div class="row">
    <div class="col">
      <div class="row">
    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="https://www.amazon.com/Still-    Casting-Shadows-Shared-History/dp/0595397247/">
    <asp:image runat="server" ImageUrl="images/EatAtJoesCaptioned.png" /><br />
    <asp:Label runat="server" Text="Some Text"></asp:Label>
    </asp:HyperLink>
      </div>
    </div>
. . .

Answer 1

请分享更多的html魔杖，尝试你想要获得的东西。但就像你做的一样，根据我所见，row > col > row是没用的。只看你先做了什么。然后，要修复img宽度，您需要添加如下类：mh-100 mw-100或：

style="max-width:100%; max-height:100%;"

这样，您的图像将尊重您的容器。

所以根据你最近的更新，我建议你试试这个：

<div class="container">
  <div class="row">
    <div class="col">
      <div class="row mx-0">
    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="https://www.amazon.com/Still-    Casting-Shadows-Shared-History/dp/0595397247/">
    <asp:image style="max-width:100%; max-height:100%;" runat="server" ImageUrl="images/EatAtJoesCaptioned.png" /><br />
    <asp:Label runat="server" Text="Some Text"></asp:Label>
    </asp:HyperLink>
      </div>
    </div>
...............