解决JQeury显示内容没有边距内容紧挨着浏览器边线
更新时间：2013年12月20日 14:49:56 作者：
JQuery页面显示的内容没有边距，内容紧挨着浏览器边线，下面有个不错的解决方法，大家可以尝试下
写的JQuery页面显示的内容没有边距，内容紧挨着浏览器边线，特别难看（如下图）
代码如下：
<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新闻内容</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新闻图片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>餐饮咨询</h4>
</div>
</div>
</form>
</body>
其实原因特别简单，就是显示的内容没有放在content里边，所以在div里加一个data-role="content"就可以了，修改后的代码如下：
<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新闻内容</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新闻图片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>餐饮咨询</h4>
</div>
</div>
</form>
</body>
代码如下：
复制代码 代码如下:
<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新闻内容</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新闻图片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>餐饮咨询</h4>
</div>
</div>
</form>
</body>
其实原因特别简单，就是显示的内容没有放在content里边，所以在div里加一个data-role="content"就可以了，修改后的代码如下：
复制代码 代码如下:
<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新闻内容</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新闻图片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>餐饮咨询</h4>
</div>
</div>
</form>
</body>
相关文章
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
这篇文章主要介绍了Easyui 关闭jquery-easui tab标签页前触发事件 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-04-04
这篇文章主要介绍了jQuery表单验证功能,涉及jquery针对表单项的读取与正则判定技巧,非常具有实用价值,需要的朋友可以参考下2015-08-08
使用jQuery获取radio/checkbox组的值的代码收集
很久没有写JQuery的文章了。今天来看下JQ对天Checkbox复选框的操作。看下面的一个小例子。在这个例子中包括了以下几个功能2009-12-12
这篇文章主要介绍了Jquery动态替换div内容及动态展示的方法,动态替换div内容并展示的使用技巧与注意事项,需要的朋友可以参考下2015-01-01
今天给大家推荐一款不一样的jQuery类似瀑布流插件，使文字也能实现瀑布流效果，有需要的小伙伴可要好好看仔细了。2014-11-11
将自己的表单元素ID和name命名为了nodeName，在chrome浏览器下报错，结果发现是表单元素命名的原因2014-03-03
这篇文章主要为大家详细介绍了jQuery EasyUI Panel面板组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
以前总是没搞明白是怎么回事，现在是迫不得已，就仔细看了看说明文档，终于测试成功了，记下2011-12-12
这篇文章主要为大家详细介绍了jQuery实现图片轮播效果代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
最新评论