我是靠谱客的博主 背后胡萝卜,这篇文章主要介绍解决JQeury显示内容没有边距内容紧挨着浏览器边线,现在分享给大家,希望可以做个参考。

写的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>

最后

以上就是背后胡萝卜最近收集整理的关于解决JQeury显示内容没有边距内容紧挨着浏览器边线的全部内容,更多相关解决JQeury显示内容没有边距内容紧挨着浏览器边线内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(142)

评论列表共有 0 条评论

立即
投稿
返回
顶部