解决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>
相关文章
这篇文章主要介绍了jQuery实现模仿微博下拉滚动条加载数据效果,涉及jQuery响应下拉滚动事件动态操作页面元素的技巧,需要的朋友可以参考下2015-12-12
下面小编就为大家带来一篇jquery if条件语句的写法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jQuery实现获取选中复选框的值，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-06-06
节点的删除在应用中比较常见，如何动态删除某一节点来实现某一特殊效果，下面有个不错的示例，希望对大家有所帮助2014-01-01
在第一次页面加载时，元素A的X效果正常，点击B之后，页面局部刷新，此时，回到A，元素A失去X效果.后来了解了下页面应用了ASP.NET AJAX局部刷新，这就明朗了，估计是和JQUERY冲突了2013-04-04
好久没有温习JS了。 最近看到VS2010把Jquery作为JS标准库纳入了Web项目里，再不会用Jquery，真怕自己“OUT”了。2010-05-05
这篇文章主要介绍了jQuery如何使用自动触发事件trigger，需要的朋友可以参考下2015-11-11
这篇文章主要为大家详细介绍了jquery实现楼层滚动特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
本身不熟悉js略懂JQuery，闲着没事帮朋友公司一个程序小伙修改了个消息提示框，把修改后的代码和代价分享一下2011-07-07
本文给大家分享的是仿游戏门户网站可关闭及重复播放泰山压顶广告是一款基于jquery实现的打开网页缓慢下拉广告代码。有需要的小伙伴可以参考下。2015-04-04
最新评论