图像旁边的浮动内容

发布于 2024-12-28 04:52:11 字数 339 浏览 2 评论 0原文

我有三个元素:图像、链接和段落,我希望图像左对齐,然后浮动在链接旁边,然后在链接下方浮动段落,但是无论我尝试什么,我似乎只能让链接浮动在我的图像旁边,而文本正好位于图像下方,我怎样才能使该段落也像我的链接一样浮动?

所以它需要看起来像这样,

在此处输入图像描述

这是我的小提琴,

http://jsfiddle.net/Udders/JjHLa/

I have three elements an image, an link and a paragraph, I am wanting have the the image aligned left, and then floating next to that the link and then underneath the link the paragraph, however whatever I try I seem to only be able to get the link to float next to my image, and text just sits underneath the image, how can I make it so the paragraph also floats like my link?

So it needs to look like this,

enter image description here

Here is my fiddle,

http://jsfiddle.net/Udders/JjHLa/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

半岛未凉 2025-01-04 04:52:11

这是您想要的 jsfiddle:

http://jsfiddle.net/JjHLa/1/

将其添加到您的 css 中:

.field{position:absolute;margin-top:40px;margin-left:85px;}

修改您的 html,其中文本如下所示(将类“field” 添加到 p 标记):

<p class='field'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

希望这会有所帮助。

Here is the jsfiddle for what you want:

http://jsfiddle.net/JjHLa/1/

add this to your css:

.field{position:absolute;margin-top:40px;margin-left:85px;}

modify your html where your text goes like this(add class 'field' to p tag):

<p class='field'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

Hope this helps.

最美不过初阳 2025-01-04 04:52:11

您应该将链接和文本放在同一个 div 中。然后你可以绝对定位链接/文本,并将它们调整到完美,然后浮动 div。

You should put your link and text in the same div. Then you could position the link/text absolutely, and adjust them to perfection, and just float the div.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文