编程 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 相关文章推荐

jquery+json实现的搜索加分页效果

Mar 31 Javascript

js实现双向链表互联网机顶盒实战应用实现

Oct 28 Javascript

javascript计时器事件使用详解

Jan 07 Javascript

JavaScript原型链示例分享

Jan 26 Javascript

javascript简单实现命名空间效果

Mar 06 Javascript

Vue.js动态组件解析

Sep 09 Javascript

js实现百度地图定位于地址逆解析，显示自己当前的地理位置

Dec 08 Javascript

bootstrap滚动监控器使用方法解析

Jan 13 Javascript

bootstrap配合Masonry插件实现瀑布式布局

Jan 18 Javascript

基于JavaScript实现轮播图原理及示例

Apr 10 Javascript

详解通过JSON数据使用VUE.JS

May 26 Javascript

Vue 实现前端权限控制的示例代码

Jul 09 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中Date获取时间不正确怎么办

2008/06/05 PHP

PHP EOT定界符的使用详解

2008/09/30 PHP

PHP开发框架kohana中处理ajax请求的例子

2014/07/14 PHP

Laravel 5 框架入门（一）

2015/04/09 PHP

PHP用反撇号执行外部命令

2015/04/14 PHP

php unlink()函数使用教程

2018/07/12 PHP

PHP中引用类型和值类型功能与用法示例

2019/02/26 PHP

仿百度的关键词匹配搜索示例

2013/09/25 Javascript

jquery实现弹出窗口效果的实例代码

2013/11/28 Javascript

JavaScript的Date()方法使用详解

2015/06/09 Javascript

jQuery在线选座位插件seat-charts特效代码分享

2015/08/27 Javascript

js获取url传值的方法

2015/12/18 Javascript

JavaScript中apply方法的应用技巧小结

2016/09/29 Javascript

Centos7 中 Node.js安装简单方法

2016/11/02 Javascript

解析Javascript单例模式概念与实例

2016/12/05 Javascript

javascript 使用正则test( )第一次是 true,第二次是false

2017/02/22 Javascript

vue项目实战总结篇

2018/02/11 Javascript

Es6 Generator函数详细解析

2018/02/24 Javascript

Webstorm2016使用技巧(SVN插件使用)

2018/10/29 Javascript

JS实现数组去重,显示重复元素及个数的方法示例

2019/01/21 Javascript

JS实现简单的表格增删

2020/01/16 Javascript

解决echarts 一条柱状图显示两个值,类似进度条的问题

2020/07/20 Javascript

[01:28:24]NAVI vs VG Supermajor 败者组 BO3 第三场 6.5

2018/06/06 DOTA

Python标准库06之子进程 (subprocess包) 详解

2016/12/07 Python

Python科学计算之NumPy入门教程

2017/01/15 Python

python 实现矩阵填充0的例子

2019/11/29 Python

Django重设Admin密码过程解析

2020/02/10 Python

Python数据模型与Python对象模型的相关总结

2021/01/26 Python

ASP.NET中的身份验证有那些

2012/07/13 面试题

研究生自我鉴定范文

2013/10/30 职场文书

《二泉映月》教学反思

2014/04/15 职场文书

检察院对照“四风”认真查找问题落实整改措施

2014/09/26 职场文书

写给老婆的保证书

2015/02/27 职场文书

2016春季运动会通讯稿

2015/07/18 职场文书

记者节感言

2015/08/03 职场文书

Oracle更换为MySQL遇到的问题及解决

2021/05/21 Oracle