如何讓我的 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>

...並將其添加到我的 html 中，如下所示：

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

我認為這應該將 AdRotator 圖像保留在該列中，但它們會溢出整個頁面 - 進入中間列和右列，還有：

圖片/廣告應保留在黑色矩形內。 為什么圖像/“廣告”會溢出它所在的 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>
...............