jquery - Jquery Sortable Grid - 画像とテキストをカスタマイズする

Question

http://jqueryui.com/demos/sortable/#display-grid

この Jquery の例をカスタマイズしようとしています。理想的には、すべてを各グリッド タイルの中央に配置したいと考えています。名前の次に画像..

<li><img src="image1.gif">Item 1</li>
<li><img src="image2.gif">Item 2</li>
<li><img src="image3.gif">Item 3</li>

これは機能しません。機能させる方法がわかりません。

少し作業が終わったら、注文を保存する方法があるので、後でページにアクセスしてもレイアウトはそのままです。

レイアウトを保存して、それを表示しているすべてのユーザーに同じように見せることはできますか?

助けてくれてありがとう:)

Answer 1

ボックスのコンテンツを中央に配置するには、パディングトップと高さで遊ぶことができます: 例:

#sortable li{
   padding-top: 20PX;
   height: 70px;
}