编程 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中的location用法简单介绍

Mar 07 Javascript

IE 上下滚动展示模仿Marquee机制

Dec 20 Javascript

javascript 程序库的比较（一）之DOM功能

Apr 07 Javascript

文本框(input)获取焦点(onfocus)时样式改变的示例代码

Jan 10 Javascript

JavaScript实现点击文字切换登录窗口的方法

May 11 Javascript

Bootstrap媒体对象的实现

May 01 Javascript

简单封装js的dom查询实例代码

Jul 08 Javascript

JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解

Nov 29 Javascript

如何用JS/HTML将时间戳转换为“xx天前”的形式

Feb 06 Javascript

jQuery实现select下拉框获取当前选中文本、值、索引

May 08 jQuery

Vue-cli创建项目从单页面到多页面的方法

Sep 20 Javascript

javascript定时器的简单应用示例【控制方块移动】

Jun 17 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 组件化编程技巧

2009/06/06 PHP

学习使用curl采集curl使用方法

2012/01/11 PHP

php中socket的用法详解

2014/10/24 PHP

PHP输出日历表代码实例

2015/03/27 PHP

Yii使用技巧大汇总

2015/12/29 PHP

PHP将页面中点击数量高的链接进行高亮显示的方法

2016/05/30 PHP

Javascript中的常见排序算法

2007/03/27 Javascript

jquery入门——事件机制之事件中的冒泡现象示例解释

2020/09/12 Javascript

Javascript 修改String 对象增加去除空格功能(示例代码)

2013/11/30 Javascript

JQuery对表格进行操作的常用技巧总结

2014/04/23 Javascript

jquery获取checkbox的值并post提交

2015/01/14 Javascript

jQuery中empty()方法用法实例

2015/01/16 Javascript

大型JavaScript应用程序架构设计模式

2016/06/29 Javascript

Bootstrap Table使用方法详解

2016/08/01 Javascript

python Django批量导入不重复数据

2016/03/25 Python

Python的地形三维可视化Matplotlib和gdal使用实例

2017/12/09 Python

使用Python和xlwt向Excel文件中写入中文的实例

2018/04/21 Python

python输出100以内的质数与合数实例代码

2018/07/08 Python

Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题

2019/07/15 Python

Pyinstaller加密打包应用的示例代码

2020/06/11 Python

CSS3 3D旋转rotate效果实例介绍

2016/05/03 HTML / CSS

css3媒体查询中device-width和width的区别详解

2020/03/27 HTML / CSS

css3 transform过渡抖动问题解决

2020/10/23 HTML / CSS

编写一个类体现构造，公有，私有方法，静态，私有变量

2013/08/10 面试题

初中三年学生的学习自我评价

2013/11/13 职场文书

校园十大歌手策划书

2014/02/01 职场文书

电子商务专业学生职业生涯规划

2014/03/07 职场文书

《长城和运河》教学反思

2014/04/14 职场文书

日语专业毕业生自荐书

2014/06/18 职场文书

元旦标语大全

2014/10/09 职场文书

党的群众路线教育实践活动制度建设计划

2014/11/03 职场文书

会计求职信怎么写

2015/03/20 职场文书

介绍信范文大全

2015/05/07 职场文书

2016年员工年度考核评语

2015/12/02 职场文书

JavaScript实现复选框全选功能

2021/04/11 Javascript

Python自然语言处理之切分算法详解

2021/04/25 Python