0

我需要在图片所示框的空白处填充数据。红色部分将是图像，但仍然必须在空白处连续显示数据。我如何使用 HTML 和 CSS 来实现这一点？

在此处输入图像描述

Updated with code :

 <div id="Content" runat="server">
    <img id="ad" src="images/sandbox.gif"  
            style="float:right; height: 200px; width: 150px;" alt="{alt}" />

    </div>
4

3 回答 3

3

@Anuya 看看这个http://jsfiddle.net/TfXNf/

于 2012-07-26T12:36:23.810 回答
1

如果您在 css 样式中定义一个类以切换所有需要具有相同布局的图片，那就更好了

HTML

<img src="http://link.to/image.jpg" class="className" alt="Image"/>

CSS

.className{
float: right;
margin-right:2px; /*change these based on your layout*/
margin-bottom: 2px; /*change these based on your layout*/
}

需要边距将文本推离图片一点点，这样您就可以创建边框的错觉

于 2012-07-26T12:12:31.127 回答
0

只需在您的图像上放置一个浮点数：

<img src="{imageLocation}" alt="{alt}" style="float:right;" />

理想情况下，您希望将样式与内容分开，但这会给您带来想法。希望有帮助

于 2012-07-26T12:05:02.087 回答