有没有办法创建一个不会移动的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
但问题没有得到回答。
答案 0 :(得分:4)
.fencepost {float: left; width: 0.1px; height: 100px;}
.gate {float: left; clear: left; width: 99.9%; height: 30px;}
答案 1 :(得分:0)
我觉得CSS不可能。你可能每个'页面'都有一个设置字符限制,当你在页面上检测到使用javascript时字符限制结束时,你会强迫用户专注于一个新的'页面'。
该行的样式无关紧要 - 它只是普通的HTML元素宽度100%或者其他东西,重要的一点是强制用户分割