0

私の目標は、テキストブロックの横に「続きを読む」リンクのようなものを提供することです。コンテンツがクライアントに送信される前に自動的に追加され、コンテンツを含むブロックは、このテキストの一部であるかのように、前のテキストに隣接している必要があります。問題は、テキストブロックのコンテンツがTinyMCEを使用して作成されているため、コンテンツがさまざまなタグ（主に段落タグ）にパックされることです。したがって、次のコンテンツが次の行（またはブロック）にプッシュされます。

したがって、テキストブロックサーバーサイドのコンテンツを分解して他のブロックをどこにどのようにアタッチするかを決める前に、純粋なCSSを使用してこれを実行する方法があるのではないかと思いました。隣接するブロックが前のブロックのプロパティをオーバーライドする必要があると思うので、それは不可能だと感じていますが、このCSS/インラインビジネスのすべてについて見逃したことが1つか2つあるかもしれません。

ここでJSFiddleを作成しました

この件について建設的な意見をありがとうございました！

4

2 に答える 2

1

このフィドルを参照してください：http：//jsfiddle.net/D2RnS/5/

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

2番目の段落と隣接するブロックを左に浮かせました。<div>そうすることで、親コンテナ（あなたの例では）にもある種のフロートクリアリングを適用することを忘れないでください

于 2012-06-15T16:09:39.273 に答える
1

前のタグにIDを追加することにより、cssでusepseudo-elementsを使用できます。

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

ここで効果を確認できます：http：//jsfiddle.net/D2RnS/14/

于 2012-06-15T16:34:53.783 に答える