编程 Javascript

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

Posted in Javascript onDecember 20, 2013

写的JQuery页面显示的内容没有边距，内容紧挨着浏览器边线，特别难看（如下图）
解决JQeury显示内容没有边距内容紧挨着浏览器边线
代码如下：

<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显示内容没有边距内容紧挨着浏览器边线

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript var变量隐式声明方法

Oct 19 Javascript

javascript XMLHttpRequest对象全面剖析

Apr 24 Javascript

javascript中的对象创建实例附注释

Feb 08 Javascript

json格式的时间显示为正常年月日的方法

Sep 08 Javascript

js实现类似新浪微博首页内容渐显效果的方法

Apr 10 Javascript

轻量级javascript 框架Backbone使用指南

Jul 24 Javascript

Bootstrap table使用方法总结

May 10 Javascript

vue实现form表单与table表格的数据关联功能示例

Jan 29 Javascript

Vue 实现输入框新增搜索历史记录功能

Oct 15 Javascript

微信小程序canvas分享海报功能

Oct 31 Javascript

jQuery实现验证用户登录

Dec 10 jQuery

Node Express用法详解【安装、使用、路由、中间件、模板引擎等】

May 13 Javascript

JS比较两个时间大小的简单示例代码

Dec 20 #Javascript

javascript获取URL参数与参数值的示例代码

Dec 20 #Javascript

javascript获取鼠标点击元素对象(示例代码)

Dec 20 #Javascript

js 操作select与option(示例讲解)

Dec 20 #Javascript

js插件方式打开pdf文件(浏览器pdf插件分享)

Dec 20 #Javascript

JS动态添加与删除select中的Option对象(示例代码)

Dec 20 #Javascript

js select option对象小结

Dec 20 #Javascript

You might like

PHP生成唯一的促销/优惠/折扣码(附源码)

2012/12/28 PHP

使用php判断浏览器的类型和语言的函数代码

2013/02/28 PHP

php 问卷调查结果统计

2015/10/08 PHP

9个比较实用的php代码片段

2016/03/15 PHP

phpcms实现验证码替换及phpcms实现全站搜索功能教程详解

2017/12/13 PHP

图片自动更新(说明)

2006/10/02 Javascript

从javascript语言本身谈项目实战

2006/12/27 Javascript

Javascript 验证上传图片大小[客户端]

2009/08/01 Javascript

jQuery实现图片放大预览实现原理及代码

2013/09/12 Javascript

利用原生JavaScript获取元素样式只是获取而已

2014/10/08 Javascript

Bootstrap使用基础教程详解

2016/09/05 Javascript

jquery ajax加载数据前台渲染方式不用for遍历的方法

2018/08/09 jQuery

小程序点击图片实现自动播放视频

2020/05/29 Javascript

vue中利用simplemde实现markdown编辑器（增加图片上传功能）

2019/04/29 Javascript

JS FormData对象使用方法实例详解

2020/02/12 Javascript

JavaScript代码实现简单计算器

2020/12/27 Javascript

Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例

2018/01/29 Python

用Python写脚本,实现完全备份和增量备份的示例

2018/04/29 Python

Python实现注册、登录小程序功能

2018/09/21 Python

Python简单I/O操作示例

2019/03/18 Python

在PYQT5中QscrollArea(滚动条)的使用方法

2019/06/14 Python

使用Python Pandas处理亿级数据的方法

2019/06/24 Python

python3连接MySQL8.0的两种方式

2020/02/17 Python

解决运行出现'dict' object has no attribute 'has_key'问题

2020/07/15 Python

python FTP编程基础入门

2021/02/27 Python

HTML5的结构和语义(1):前言

2008/10/17 HTML / CSS

amazeui模态框弹出后立马消失并刷新页面

2020/08/19 HTML / CSS

美国标志性加大尺码时装品牌：Ashley Stewart

2016/12/15 全球购物

不用游标的SQL语句有哪些

2012/09/07 面试题

实习销售业务员自我鉴定

2013/09/21 职场文书

办公室年终个人自我评价

2013/10/28 职场文书

自荐书范文

2013/12/08 职场文书

2014年党员公开承诺书范文

2014/03/28 职场文书

2015夏季作息时间调整通知

2015/04/24 职场文书

毕业典礼主持词

2015/06/29 职场文书

浅谈MySQL next-key lock 加锁范围

2021/06/07 MySQL