围绕固定分隔线围绕文本

有没有办法创建一个html元素，即使网页上的内容改变它保持在相同的位置并且其余内容环绕它，它也不会移动？围绕固定分隔线围绕文本

我想要创建一条延伸到动态网页的长线。当有人向网页添加更多内容时，该行应保持完整，不能像砖墙一样移动，其余内容会绕过它或跳过它。

视觉例如：

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

注意如何二号线的文字环绕在长排线后继续。

希望这是有道理的，

发现这个问题，这是或多或少正是我想要的jQuery Split content based on height

的质疑并没有回答，虽然。

来源

2013-01-07 shoriwa-shaun-benjamin

的目的是什么如果我可能会问的话 – hayavuk

这个例子没有出来。我想要一条分割的线将网页分成一半，固定在该线所在的位置。将被分割的内容全部是文本，所以我希望它在该行之后流动，如果它在页面的上半部分变得太多。 –

什么会导致文本改变？ –

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

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

来源

2013-01-07 21:44:24 isherwood

这是一个聪明的小黑客:) –

聪明。这会在左侧创建一个高度为100px的非常窄的垂直元素，其中一个宽条间隔条位于下方，然后文本恰好适合这两个div。 –

这是一个自动添加分页符的修改：http://jsfiddle.net/foxbunny/KbXzS/ – hayavuk

我不认为它可能与CSS。您可能每个“页面”都有一组字符限制，并且当您在页面上检测到使用JavaScript的字符限制已结束时，您会强制用户将注意力集中到一个新的“页面”上。

线的造型则无关紧要 - 它只是一个普通的HTML元素宽度100％什么的，最重要的一点是强制拆分用户

来源

2013-01-07 21:25:39

我曾经尝试过这样的路线，但如果用户添加了图像，它并不准确。我发现这个，或多或少正是我想要的http://stackoverflow.com/questions/7032639/jquery-split-content-based-on-height –

但这是垂直列，而不是分页？ –

如果我在每个垂直列的底部添加边框，我会获得相同的结果。 :) –

围绕固定分隔线围绕文本

回答

相关问题