编程 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知识点之"深入理解作用域链"的介绍

Apr 23 Javascript

[原创]推荐10款最热门jQuery UI框架

Aug 19 Javascript

javascript引用类型指针的工作方式

Apr 13 Javascript

AngularJS基础 ng-mousemove 指令简单示例

Aug 02 Javascript

JS实现旋转木马式图片轮播效果

Jan 18 Javascript

ES6 Promise对象概念与用法分析

Apr 01 Javascript

实例讲解Vue.js中router传参

Apr 22 Javascript

vue2.0 下拉框默认标题设置方法

Aug 22 Javascript

javascript实现点亮灯泡特效示例

Oct 15 Javascript

微信小程序实现点击生成随机验证码

Sep 09 Javascript

解决pycharm双击但是无法打开的情况

Oct 31 Javascript

详解TS数字分隔符和更严格的类属性检查

May 06 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上传图片类(随机名，缩略图，加水印)

2010/06/30 PHP

使用PHPExcel操作Excel用法实例分析

2015/03/26 PHP

分享10段PHP常用代码

2015/11/11 PHP

PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)

2017/06/16 PHP

PHP封装的验证码工具类定义与用法示例

2018/08/22 PHP

多浏览器兼容的获取元素和鼠标的位置的js代码

2009/12/15 Javascript

纯js网页画板(Graphics)类简介及实现代码

2012/12/24 Javascript

jQuery响应enter键的实现思路

2014/04/18 Javascript

JS显示下拉列表框内全部元素的方法

2015/03/31 Javascript

实现音乐播放器的代码（html5+css3+jquery）

2015/08/04 Javascript

jquery实现图片水平滚动效果代码分享

2015/08/26 Javascript

详解JavaScript正则表达式之分组匹配及反向引用

2016/03/09 Javascript

JS中多种方式创建对象详解

2016/03/22 Javascript

基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用

2016/05/12 Javascript

关于iframe跨域POST提交的方法示例

2017/01/15 Javascript

vue.js框架实现表单排序和分页效果

2017/08/09 Javascript

微信小程序自定义音乐进度条的实例代码

2018/08/28 Javascript

[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示

2014/11/25 DOTA

[42:00]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第一场 12.13

2020/12/17 DOTA

最基础的Python的socket编程入门教程

2015/04/23 Python

Python设置Socket代理及实现远程摄像头控制的例子

2015/11/13 Python

python基础练习之几个简单的游戏

2017/11/10 Python

Python 使用多属性来进行排序

2019/09/01 Python

python3.6使用SMTP协议发送邮件

2020/05/20 Python

印度在线内衣和时尚目的地：Zivame

2017/09/28 全球购物

新西兰最大的品牌运动鞋购物网站：Platypus NZ

2017/10/27 全球购物

Herschel美国官网：背包、手提袋及配件

2020/03/10 全球购物

三严三实对照检查材料

2014/09/22 职场文书

工商局副局长个人对照检查材料

2014/09/25 职场文书

小学教师师德师风自我剖析材料

2014/09/29 职场文书

学习保证书100字

2015/02/26 职场文书

综合素质评价自我评价

2015/03/06 职场文书

2015年生产车间工作总结

2015/04/22 职场文书

学校食堂管理制度

2015/08/04 职场文书

python实现简单聊天功能

2021/07/07 Python

详解Go语言中Get/Post请求测试

2022/06/01 Golang