在固定分频器周围包裹文字

时间:2013-01-07 21:14:52

标签: javascript jquery html css

有没有办法创建一个不会移动的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

但问题没有得到回答。

2 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:0)

我觉得CSS不可能。你可能每个'页面'都有一个设置字符限制,当你在页面上检测到使用javascript时字符限制结束时,你会强迫用户专注于一个新的'页面'。

该行的样式无关紧要 - 它只是普通的HTML元素宽度100%或者其他东西,重要的一点是强制用户分割