圍繞固定分隔線圍繞文本

有沒有辦法創建一個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 –

但這是垂直列，而不是分頁？ –

如果我在每個垂直列的底部添加邊框，我會獲得相同的結果。 :) –

圍繞固定分隔線圍繞文本

回答

相關問題