画像を左や右に回り込み(フロート)で表示をさせていて、次のテキスト等を回り込みさせたくないときは、下のコードでフロートを解除することで回り込まなくなります。
< div style = "clear:both;" ></ div > |
プラグインでフロートを解除する
フロートを解除するプラグインもあります。
- TinyMCE Clear
Simple Breaks
Simple Breaksはショートコードを挿入するものなので、エディタでは解除されず見づらいので、TinyMCE Clearの使用をお勧めします。
TinyMCE Clearの使い方
プラグインをインストールするとエディタのツールバーに「Clear left」「Clear right」「Clear both」の3つボタンが追加されます
フロートを解除したい箇所でボタンを押すとフロートを解除するコードが挿入されます。例えば、「Clear both」ボタンを押すと<div class=”clear:both;”></div>が記事に挿入されます。
スポンサーリンク
コメント