如何使AdRotator广告保持在div范围内？

问题描述

我已经按照典型的方式（我认为）设置了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>
. . .

解决方法

请分享更多html魔杖，以尝试达到的目标。但是，根据我的观察，就像您所做的let res = await Model.save(); return res._doc;一样毫无用处。只是偷偷看你先做的。然后，要固定img宽度，您需要添加以下类：row > col > row或：

mh-100 mw-100

这样，您的图片会尊重您的容器。

因此，根据您的最新更新，我建议您尝试以下操作：

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

adrotator ads html twitter-bootstrap