2

有没有办法创建一个即使网页上的内容发生变化也不会移动的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

被问到的却没有得到回答。

4

2 回答 2

3 
.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-07T21:44:24.317 回答
0

我认为CSS不可能。您可能会为每个“页面”设置字符限制，并且当您使用 javascript 在页面上检测到字符限制超过时，您会强制用户将注意力集中在新的“页面”上。

线条的样式就无关紧要了——它只是一个普通的 HTML 元素宽度 100% 或其他东西，重要的是强制用户拆分

于 2013-01-07T21:25:39.083 回答