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

innerHTML，outerHTML,innerTEXT三者之间的区别

Jan 28 Javascript

JavaScript prototype属性深入介绍

Nov 27 Javascript

ECMAScript5(ES5)中bind方法使用小结

May 07 Javascript

jquery特效点击展示与隐藏全文

Dec 09 Javascript

javascript验证香港身份证的格式或真实性

Feb 07 Javascript

js 数据存储和DOM编程

Feb 09 Javascript

javascript基础进阶_深入剖析执行环境及作用域链

Sep 05 Javascript

详解Immutable及 React 中实践

Mar 01 Javascript

Angular实现svg和png图片下载实现

May 05 Javascript

生产制造追溯系统之再说条码打印

Jun 03 Javascript

详解基于Vue/React项目的移动端适配方案

Aug 23 Javascript

vue移动端的左右滑动事件详解

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导出word格式数据的代码实例

2013/11/25 PHP

基于preg_match_all采集后数据处理的一点心得笔记(编码转换和正则匹配)

2014/01/31 PHP

php实现多维数组排序的方法示例

2017/03/23 PHP

PHP SFTP实现上传下载功能

2017/07/26 PHP

最佳JS代码编写的14条技巧

2011/01/09 Javascript

js 幻灯片的实现

2011/12/06 Javascript

JavaScript/jQuery 表单美化插件小结

2012/02/14 Javascript

jquery实现图片等比例缩放以及max-width在ie中不兼容解决

2013/03/21 Javascript

js 左右悬浮对联广告代码示例

2014/12/12 Javascript

jQuery的css()方法用法实例

2014/12/24 Javascript

在AngularJS中使用AJAX的方法

2015/06/17 Javascript

jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果

2015/10/28 Javascript

使用vue.js写一个tab选项卡效果

2017/03/25 Javascript

JS FormData上传文件的设置方法

2017/07/05 Javascript

解决微信二次分享不显示摘要和图片的问题

2017/08/18 Javascript

vue组件传递对象中实现单向绑定的示例

2018/02/28 Javascript

JavaScript实现的简单Tab点击切换功能示例

2018/07/06 Javascript

[02:41]DOTA2英雄基础教程谜团

2013/12/10 DOTA

[31:29]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第一场 12.20

2020/12/23 DOTA

基于python yield机制的异步操作同步化编程模型

2016/03/18 Python

python中requests小技巧

2017/05/10 Python

Python编程实现粒子群算法(PSO)详解

2017/11/13 Python

python构建基础的爬虫教学

2018/12/23 Python

使用python获取邮箱邮件的设置方法

2019/09/20 Python

python3.7+selenium模拟淘宝登录功能的实现

2020/05/26 Python

python实现最短路径的实例方法

2020/07/19 Python

vscode配置anaconda3的方法步骤

2020/08/08 Python

CSS3实现全景图特效示例代码

2018/03/26 HTML / CSS

网吧最新创业计划书范文

2014/03/27 职场文书

企业法人授权委托书

2014/04/03 职场文书

教研处工作方案

2014/05/26 职场文书

社区禁毒宣传活动总结

2015/05/07 职场文书

校运会新闻稿

2015/07/17 职场文书

经销商会议开幕词

2016/03/04 职场文书

golang 定时任务方面time.Sleep和time.Tick的优劣对比分析

2021/05/05 Golang

Python可视化神器pyecharts绘制水球图

2022/07/07 Python