编程 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脚本实现Web页面信息交互

Oct 11 Javascript

js为空或不是对象问题的快速解决方法

Dec 11 Javascript

node.js入门教程迷你书、node.js入门web应用开发完全示例

Apr 06 Javascript

jQuery实现隔行背景色变色

Nov 24 Javascript

jQuery中bind()方法用法实例

Jan 19 Javascript

JavaScript实现iframe自动高度调整和不同主域名跨域

Feb 27 Javascript

Three.js加载外部模型的教程详解

Nov 10 Javascript

关于react-router/react-router-dom v4 history不能访问问题的解决

Jan 08 Javascript

vue实现树形结构样式和功能的实例代码

Oct 15 Javascript

基于vue实现图片验证码倒计时60s功能

Dec 10 Javascript

java遇到微信小程序 "支付验证签名失败" 问题解决

Dec 22 Javascript

vue+elementUI中表格高亮或字体颜色改变操作

Nov 02 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获取指定日期所在月的开始日期与结束日期

2013/08/01 PHP

自己写的php curl库实现整站克隆功能

2015/02/12 PHP

PHP 数组基本操作方法详解

2016/06/17 PHP

php获取给定日期相差天数的方法分析

2017/02/20 PHP

JavaScript window.setTimeout() 的详细用法

2009/11/04 Javascript

jquery入门—编写一个导航条(可伸缩)

2013/01/07 Javascript

javascript:void(0)的问题使用探讨

2014/04/10 Javascript

浅谈React 属性和状态的一些总结

2016/11/21 Javascript

微信小程序 swiper制作tab切换实现附源码

2017/01/21 Javascript

Vue 2中ref属性的使用方法及注意事项

2017/06/12 Javascript

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

2017/09/20 Javascript

JS实现合并json对象的方法

2017/10/10 Javascript

Vue页面骨架屏注入方法

2018/05/13 Javascript

js实现黑白div块画空心的图形

2018/12/13 Javascript

微信小程序实现渐入渐出动画效果

2019/06/13 Javascript

vue 强制组件重新渲染(重置)的两种方案

2019/10/29 Javascript

解决Can't find variable: SockJS vue项目的问题

2020/09/22 Javascript

js实现限定范围拖拽的示例

2020/10/26 Javascript

vue-cli3配置favicon.ico和title的流程

2020/10/27 Javascript

vue 插槽简介及使用示例

2020/11/19 Vue.js

[13:21]DOTA2国际邀请赛采访专栏：RSnake战队国士无双，Fnatic.Fly

2013/08/06 DOTA

[02:15]2014DOTA2国际邀请赛赛后退役选手回顾

2014/08/01 DOTA

Python操作Access数据库基本步骤分析

2016/09/19 Python

python语言中with as的用法使用详解

2018/02/23 Python

Python识别快递条形码及Tesseract-OCR使用详解

2019/07/15 Python

html5+css3之动画在webapp中的应用

2014/11/21 HTML / CSS

通过canvas转换颜色为RGBA格式及性能问题的解决

2019/11/22 HTML / CSS

贝玲妃英国官网：Benefit英国

2018/02/03 全球购物

华纳兄弟工作室的官方授权商店：WB Shop

2018/11/30 全球购物

Currentbody德国站：健康与美容技术专家

2020/04/05 全球购物

酒店管理专业毕业生自我鉴定

2014/09/29 职场文书

乡村教师党员四风问题对照检查材料思想汇报

2014/10/08 职场文书

2015年党员公开承诺书范文

2015/01/22 职场文书

党建工作目标管理责任书

2015/01/29 职场文书

幼儿园毕业致辞

2015/07/29 职场文书

python 自动刷新网页的两种方法

2021/04/20 Python