Question

我试图转播<代码><li>s in my j Query Mobile Site (listview) ,而且似乎无法在安全局找到合适的类别。我对一些要素(头盔和脚).等)进行了基本调整。我有五条<条码>和>;li>,但以垂直方式打断,而且距离纽扣和脚步相差。

我只想确定每个“<代码><li> 高度至20%(即,由于其中五种,因此trick在体内。是否有任何人知道控制这种疾病的酒类流动社会保障? 在搜查中,我似乎找不到这一信息。此处与安保部联系,供参考:

http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.css”rel=“nofollow”> j Query Mobile Default CSS

感谢!

UPDATE

我原意是只讨论纽州名单。我在最初的解释中过于宽泛,但基本上是一米,试图将所有纽州都转成一体,而只将<代码><li>。

Answer 1

如果你检查课堂,你可以自行决定如何选择<代码> 缩略语如果你想确保只获得一个<代码> 概标/代码> 届时,你可以说明一个更为详细的甄选人:

#my-listview-id > .ui-li {
    height : 20%;
}

The following is some samples listviewproduct from the j Query Mobile docs:

            <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
                <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-f ui-corner-top ui-btn-up-undefined">Overview</li>
                <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-c"><div class="ui-btn-inner ui-li" aria-hidden="true"><div class="ui-btn-text"><a href="docs/about/intro.html" class="ui-link-inherit">Intro to jQuery Mobile</a></div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div></li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li-has-arrow ui-li"><div class="ui-btn-inner ui-li" aria-hidden="true"><div class="ui-btn-text"><a href="docs/about/getting-started.html" class="ui-link-inherit">Quick start guide</a></div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div></li>  
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li-has-arrow ui-li"><div class="ui-btn-inner ui-li" aria-hidden="true"><div class="ui-btn-text"><a href="docs/about/features.html" class="ui-link-inherit">Features</a></div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div></li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li-has-arrow ui-li"><div class="ui-btn-inner ui-li" aria-hidden="true"><div class="ui-btn-text"><a href="docs/about/accessibility.html" class="ui-link-inherit">Accessibility</a></div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div></li>
                <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-corner-bottom ui-btn-up-c"><div class="ui-btn-inner ui-li" aria-hidden="true"><div class="ui-btn-text"><a href="docs/about/platforms.html" class="ui-link-inherit">Supported platforms</a></div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div></li>
            </ul>

<>>>>>

这一点比我以前所显示的要多一点,这里是一些经过测试的/工作守则:

#my-page {
    height   : 100%;
    margin     : 0;
    padding    : 0;
}
#my-page .ui-content, #my-listview {
    min-height : 100%;
    height     : 100%;
    margin     : 0;
    padding    : 0;
}
#my-listview .ui-li {
    height : 20%;
}

在<代码>#my-page 是我的<代码>data-role=”page要素和#my-listview 是data-role=”listview>要素的背书。

http://jsfiddle.net/gu7WE/"

Answer 2

<代码>.ui-btn是您必须使用的类别。但是,这一类不仅只使用“布特顿语”。其他散装部件,如<条码>清单> 同时也利用这一工具。因此,如果你确定<代码>.ui-btn的高度。您也将总结这些内容。因此,最好是单独界定一个类别,只针对这五个州,然后将<条码><<><>><>>条/代码>至<条码>20%。

Answer 3

为什么如此复杂? 这样做也会使水流放水。

#my-listview-id {
   height:100%;
}
#my-listview-id li {
    height: 20%;
}

Answer 4

简单明了:

.ui-li>.ui-btn-inner {
  padding-top: 10px
  padding-bottom: 10px
}

UPDATE

友情链接