在固定分频器周围包装文本 [英] Wrap text around a stationary divider

查看:106
本文介绍了在固定分频器周围包装文本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有没有办法创建一个html元素,即使网页上的内容发生变化,它保持在相同的位置,而其余的内容包围它不移动?



我想创建一个跨越动态网页的长线。当有人向网页添加更多内容时,该行应保持完整,不会像砖墙一样移动,其余内容会围绕它移动或跳过它。



视觉效果示例:

 内容内容内容内容内容内容内容
内容内容内容内容内容contentcontent内容co
-------------------------------------------------- ------------------(长线)
ntent content contentcontent contentcontent contentcontent content
content contentcontent contentcontent contentcontent contentcontent





b

希望它有意义,



发现这个问题,这或多或少是我想要的 jQuery基于高度分割内容



问题没有得到解答。

解决方案

  .fencepost {float:left; width:0.1px; height:100px;} 
.gate {float:left; clear:left;宽度:99.9%; height:30px;}

http://jsfiddle.net/isherwood/P6Z3p/


Is there a way to create an html element that doesn't move even if the content on the webpage changes it stays in the same position and the rest of the content wraps around it?

I want to create a long line that stretches across a dynamic webpage. When someone adds more content to the webpage, that line should stay intact and not move like a brick wall and the rest of the content maneuvers around it or jumps over it.

Visual example:

content content content content content contentcontent content
content content content content content contentcontent content co
--------------------------------------------------------------------(long line)
ntent content contentcontent contentcontent contentcontent content
content contentcontent contentcontent contentcontent contentcontent 

Notice how on the 2nd line the text wraps over the long line to continue after the line.

Hope it makes sense,

Found this question, this is more or less exactly what I want jQuery Split content based on height

The questioned wasn't answered though.

解决方案

.fencepost {float: left; width: 0.1px; height: 100px;}
.gate {float: left; clear: left; width: 99.9%; height: 30px;}

http://jsfiddle.net/isherwood/P6Z3p/

这篇关于在固定分频器周围包装文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆