文章/答案/技术大牛

发布

问html:将句子与图像对齐
EN

Stack Overflow用户

提问于 2012-12-18 13:36:31

回答 3查看 883关注 0票数 0

我正在与一些css风格的一个非常简单的html工作。我很难在一张图片上加上一段文字。假设我的div部分有一个图像和一个段落，如下所示：

<div>
<img border="1" src="cake.jpg" width="100" height="70">
Tom's review: This is the best cake that I have ever had...
</div>

该段落出现在图像的“右下角”，但我希望它出现在图像的“右上角”。

我知道这个问题很简单，但我对html非常陌生。这里有人能帮上忙吗？

谢谢。

css

html

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-12-18 13:38:45

你需要让图像向左浮动。

<div>
<img border="1" src="cake.jpg" width="100" height="70" style="float: left;">
Tom's review: This is the best cake that I have ever had...
<div style="clear: both;"></div>
</div>

票数 2

Stack Overflow用户

发布于 2012-12-18 13:42:11

使用此代码

<div>
    <div style="float: left;"><img border="1" src="gtld-lifecycle.jpg" width="100" height="70"></div>
<div style="float: left;">Tom's review: This is the best cake that I have ever had...</div>
</div>

票数 0

Stack Overflow用户

发布于 2012-12-18 13:43:15

如果您希望您的段落出现在右上角，请将图像放在段落之后。

<div>
   <p>Tom's review: This is the best cake that I have ever had...</p>
   <img border="1" src="cake.jpg" width="100" height="70"/><br/>
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13926912

复制

相似问题

问html:将句子与图像对齐
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html:将句子与图像对齐EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html:将句子与图像对齐
EN