【发布时间】:2012-02-14 23:50:01
【问题描述】:
我有三个元素,一个图像、一个链接和一个段落,我想让图像左对齐,然后漂浮在链接旁边,然后在链接下方的段落,但是无论我尝试什么,我似乎都只能够让链接浮动在我的图片旁边,而文字就在图片下方,我怎样才能让它像我的链接一样浮动?
所以它需要看起来像这样,
这是我的小提琴,
【问题讨论】:
-
您找到解决方案了吗?
我有三个元素,一个图像、一个链接和一个段落,我想让图像左对齐,然后漂浮在链接旁边,然后在链接下方的段落,但是无论我尝试什么,我似乎都只能够让链接浮动在我的图片旁边,而文字就在图片下方,我怎样才能让它像我的链接一样浮动?
所以它需要看起来像这样,
这是我的小提琴,
【问题讨论】:
你应该把你的链接和文本放在同一个div。然后你可以绝对定位链接/文本,并将它们调整到完美,然后浮动 div。
【讨论】:
这是你想要的 jsfiddle:
将此添加到您的 CSS:
.field{position:absolute;margin-top:40px;margin-left:85px;}
修改你的 html,你的文本是这样的(add class 'field' 到 p tag):
<p class='field'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
希望这会有所帮助。
【讨论】: