放置tinymce textarea的權利

我想放置一個圖像列表的錫蒂姆textarea的權利。它工作正常，沒有tinymce平原textarea，但是當我添加tinymce時，圖像放置在它下面。放置tinymce textarea的權利

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/

來源

2013-02-19 Christian Benke

添加您的工作頁網址tinymce – Sowmya 2013-02-19 07:43:09

什麼是tiny_mce？ – dinodsaurus 2013-02-19 07:43:23

@dinodsaurus是內容編輯器，你可以在wordpress，任何其他博客中看到 – Sowmya 2013-02-19 07:44:36

裹有一個div文本區域，並使其顯示：inline-block的

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

.tinymc{ 
    display:inline-block 
}

DEMO

來源

2013-02-19 08:34:19 Sowmya

謝謝！但我怎樣才能在頂部對齊兩個塊？：http://jsfiddle.net/twfya/9/ – 2013-02-19 08:42:10

@ user570722添加vertical-align：top到.metadata http://jsfiddle.net/twfya/11/頂部保證金是在你的css – Sowmya 2013-02-19 08:45:21

中指定的身體邊距的哦。謝謝回答！ – 2013-02-19 17:04:19

放置tinymce textarea的權利

回答

相關問題