Question

我正在尝试将一个图像列表放在tinymce-textarea上。它适用于没有tinymce的普通textarea，但是当我添加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/

Answer 1

用div包装文本区域并显示：inline-block

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

.tinymc{
    display:inline-block
}

<强> DEMO

将div替换为tinymce textarea

1 个答案: