3

tinymce-textarea の右側に画像のリストを配置しようとしています。tinymceのないプレーンテキストエリアでは問題なく動作しますが、tinymceを追加すると画像がその下に配置されます。

HTML:

<textarea></textarea>
<div class="metadata">
  <div>
    <img src="image.jpg">
    <img src="someimage.jpg">
    <img src="anotherimg.jpg">
    <img src="yetanotherone.jpg">
  </div>
</div>

CSS:

#tiny_mce{
   display: block;
   width: 300px;
}

.metadata {
  display: inline-block;
}

編集: jsfiddle は次のとおりです: http://jsfiddle.net/twfya/5/

4

1 に答える 1

2

テキスト領域を div で囲み、display:inline-block にします。

<div class="tinymc"> <textarea></textarea></div>

.tinymc{
    display:inline-block
}

デモ

于 2013-02-19T08:34:19.093 に答える