將相鄰的內嵌塊添加到任何內嵌內容

我的目標是提供文本塊旁邊的「Read More」鏈接。它會在內容發送到客戶端之前自動添加，並且包含該內容的塊應與先前的文本相鄰，就如同其文本的一部分一樣。問題在於文本塊內容是使用TinyMCE創作的，因此內容將打包成各種標籤（主要是段落標籤），因此以下內容將被推送到下一行（或塊）。將相鄰的內嵌塊添加到任何內嵌內容

因此，在解讀textblock serverside的內容以決定在哪裏以及如何附加其他塊之前，我認爲可能有一種方法可以使用純CSS完成此操作。我有一種感覺是不可能的，因爲我認爲它會要求相鄰的區塊對前一個區塊的重寫屬性進行排序，但是接下來可能會有一兩個我錯過了所有這些CSS /內聯業務。

我創建了一個的jsfiddle here

感謝您對此事發表任何有建設性的意見！

來源

2012-06-15 SquareCat

看到這個小提琴：http://jsfiddle.net/D2RnS/5/

p + p, .adjacentBlock { float : left; }

我只是向左浮動第二段和adjacentBlock。這樣做記得也適用某種浮動結算到

來源

2012-06-15 16:09:39 fcalderan

有趣！謝謝！我會嘗試應用這個並讓你知道。無論如何，我從來沒有見過p + p定義（或任何這種類型的定義）。這是什麼意思？ – SquareCat

這是相鄰的兄弟選擇器：在這種情況下，它匹配所有緊接着另一個「p」的「p」 - 因此，在您的示例中，它將一直工作，直到您的標記沒有改變（與另一個相鄰的「p」） – fcalderan

您可以使用CSS中使用僞元素的父容器（該<div>在你的例子），通過添加ID到以前的標籤：

#block:after { 
    content:"You will have this appended."; 
}

你可以在這裏看到效果：http://jsfiddle.net/D2RnS/14/

來源

2012-06-15 16:34:53

將相鄰的內嵌塊添加到任何內嵌內容

回答

相關問題