0

内部にチェックボックスがあるJQM ListView vがあり、テキストの左側に画像を垂直方向に中央揃えすることができません:

    <ul data-role="listview" data-inset="true">
        <li data-role="list-divider">Object collector</li>
        <li data-icon="false">
            <fieldset data-role="controlgroup">
                <input type="checkbox" name="checkbox-2b" id="checkbox-2b" />
                <label for="checkbox-2b">
                    <img src="/img/image.png"/>
                    <h3>Long description</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper, augue a consequat viverra, mi mi varius dui, nec ullamcorper velit eros in quam. </p>
                </label>
            </fieldset>
        </li>
    </ul>

ここに私が意味するもののサンプルがあります: http://jsfiddle.net/BPGre/

これは、「img」タグの周りに div ラッパーを使用した別の試みですが、何もありません。画像は常に上部に配置されます: http://jsfiddle.net/BPGre/1/

SO で見つかった他のソリューションをいくつか試しましたが、ListView アイテム内の INPUT タグが原因で、どれも機能しません。どんな助けでも大歓迎です。

4

1 に答える 1