文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery移动网格空间差距

问jQuery移动网格空间差距
EN

Stack Overflow用户

提问于 2011-05-02 16:58:40

回答 1查看 6.5K关注 0票数 2

我使用的是具有两列的jQuery Mobile layout grids，但是当单元格的高度不同时，会有一个空间间隙。

示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>jQueryMobile Demos</title>                         
        <link type="text/css" rel="stylesheet" href="jquery.mobile-1.0a4.min.css" />
        <script type="text/javascript" src="jquery-1.5.2.min.js"></script>
        <script type="text/javascript" src="jquery.mobile-1.0a4.min.js"></script>            
    </head>
    <body>        
        <div data-role="page">
            <div data-role="content">
                <div class="ui-grid-a">
                    <div class="ui-block-a"><div class="ui-bar ui-bar-c">Name</div></div>
                    <div class="ui-block-b"><div class="ui-bar ui-bar-c">Diogo<br />Cardoso</div></div>             
                </div>
            </div>
        </div>  
    </body>

space

gaps-in-visuals

jquery-mobile

grid

height

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-05-02 20:52:20

在文档中(在示例中)，它们使用内联样式的标签来表示高度。文档：http://jquerymobile.com/demos/1.0a4.1/docs/content/content-grids.html

内联风格的标签：style="height:120px"

下面是一个有效的示例：http://jsfiddle.net/V4uqN/5/

http://api.jquery.com/css/

类似于：

$('#element').css('height','120px');

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5855266

复制

相似问题

问jQuery移动网格空间差距
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery移动网格空间差距EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery移动网格空间差距
EN