如何将文本环绕在父元素底部的图像
how to wrap text around an image at the bottom of the parent
当元素位于父元素的底部时,我如何使段落文本环绕图像或任何其他元素?
标记:
<div class='post'>
<p class='post-content'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque imperdiet
condimentum pulvinar. Pellentesque mattis fringilla dui, sit amet adipiscing augue
elementum eget. Fusce ut dapibus neque. Quisque mattis lectus ac justo euismod
luctus. Donec auctor volutpat rhoncus. Duis lacinia sodales sem ut placerat. Donec
sodales, urna vitae dapibus mattis, turpis velit bibendum enim, in auctor elit neque
in augue.
<img src="" style="width:5em; height:5em; float:right;"/>
</p>
</div>
请假定文本和图像位于父div中。我想如果你能让一个元素从右到下浮动,那就容易多了。
我想要的样子:
Lorem ipsum dolor sit amet, consecteturadipiscing elit. Quisque imperdiet
condimentum pulvinar. Pellentesquemattis fringilla dui, sitametadipiscing augue
elementum eget. Fusce ut dapibus neque.Quisque mattis lectus ac justo euismod
luctus. Donec auctor volutpat rhoncus. ______________________________________
Duis lacinia sodales sem ut placerat. | |
Donec sodales, urna vitae dapibus | |
mattis, turpis velit bibendum enim, | |
in auctor elit nequein augue. | the image |
text text asjdjaskd asjkdh aks asdj | |
sahdahd jas asjksj haskdhsjad sjj | |
alsja asdajdkj j sjjakks asj h h gs | |
sss the text is wrapped here text t |_____________________________________|
任何想法?
使用CSS:
align
在img标签中,参见下面的示例:image-text-wrap-css-html
相关文章:
- 将视口底部滚动到元素底部
- 如何使一个元素从网页的顶部跳到底部再跳回到顶部
- 使用JQuery从窗口底部修复元素
- 如何用javascript滚动html中pdf对象元素的底部
- 滚动到页面的底部元素
- 将元素与窗口底部对齐,但允许滚动到下面的内容
- 如何使用 jQuery 检测元素的顶部靠近浏览器底部
- 避免元素跳转到页面底部的正确方法
- 元素位于底部并从底部截止
- 使元素在页面底部消失
- 如何使用 jquery 在滚动到底部时正确从元素中删除隐藏类
- 如何让我的导航栏在到达元素时粘在元素的底部
- jQuery或JS,使元素离开屏幕底部并在顶部输入
- 如何检测浏览器滚动到每个元素的底部
- 将元素滚动到页面底部的视图中
- 当光标到达底部时,有没有办法防止contentEditable元素滚动
- 当滚动到顶部而不是底部时添加元素
- 用户到达页面底部.元素逐渐消失
- 如何将文本环绕在父元素底部的图像
- 当元素底部边缘滚动到视图中时,固定元素