首页 > 语言 > JavaScript > 正文

解决JQeury显示内容没有边距内容紧挨着浏览器边线

2024-05-06 15:58:44
字体:
来源:转载
供稿:网友
JQuery页面显示的内容没有边距,内容紧挨着浏览器边线,下面有个不错的解决方法,大家可以尝试下

写的JQuery页面显示的内容没有边距,内容紧挨着浏览器边线,特别难看(如下图)

解决JQeury显示内容没有边距内容紧挨着浏览器边线

 
代码如下:

复制代码 代码如下:


<body>
<form runat="server">
<div data-role="page">
<div data-role="header" data-theme="b">
<h2>新闻内容</h2>
</div>

<div>
<div>
<asp:Image runat="server" AlternateText="新闻图片" />
</div>
<div>
<asp:Label 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 runat="server">
<div data-role="page">
<div data-role="header" data-theme="b">
<h2>新闻内容</h2>
</div>

<div>
<div>
<asp:Image runat="server" AlternateText="新闻图片" />
</div>
<div>
<asp:Label runat="server" Text="Label"></asp:Label>
</div>
</div>

<div data-role="footer" data-theme="d">
<h4>餐饮咨询</h4>
</div>
</div>
</form>
</body>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选