1

JQuery モバイルを使用しています。次のようなページがあります。

<div id="myPage" data-role="page">
    <div data-role="header">
        <h1>My App</h1>
    </div>

    <div data-role="content">
        <ul data-role="listview"> 
            <li data-role="list-divider">
                <div data-type='horizontal'>Hello&nbsp;
                <a href='#' id='moreOptions' data-role='button' data-icon='arrow-d' data-inline="true" data-mini="true" data-iconpos='notext'>more</a>
            </div></li>            
        </ul><br /><br />

        My App Content
    </div>
</div>

「moreOptions」ボタンを表示するかどうかを決定する JavaScript があります。私の問題は、「moreOptions」ボタンが表示されると、リスト分割領域の高さが通常のサイズを超えて拡大することです。CSS を使用してリスト分割領域を標準の高さに保つ方法はありますか? または、ボタンのサイズを縮小できますか？

ありがとうございました！

4

1 に答える 1

0

リスト ディバイダ (.ui-li-divider だと思います) の CSS クラスを分離し、max-height プロパティを追加します。次のようになります。

.ui-li-divider{
max-height: 20px;
}
于 2012-06-06T12:36:40.900 に答える