首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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最新动画教程+iso光盘下载
Jan 22 Javascript
设置下载不需要倒计时cookie(倒计时代码)
Nov 19 Javascript
php对mongodb的扩展(小试牛刀)
Nov 11 Javascript
jQuery客户端分页实例代码
Nov 18 Javascript
JavaScript判断IE版本型号
Jul 27 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
Vue单文件组件的如何使用方式介绍
Jul 28 Javascript
详解js的作用域、预解析机制
Feb 05 Javascript
讲解vue-router之什么是动态路由
May 28 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 Javascript
js实现旋转的星空效果
Nov 01 Javascript
js实现点击烟花特效
Oct 14 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
MYSQL函数(1) turtle(1) 定时任务(2) blinker(1) 信号库(1) 绘图(1) 三子棋(2) 计时器(1) Mysql报错(1) Keras(3)
You might like
比较详细PHP生成静态页面教程
2012/01/10 PHP
PHP截断标题且兼容utf8和gb2312编码
2013/09/22 PHP
ThinkPHP惯例配置文件详解
2014/07/14 PHP
PHP去除空数组且数组键名重置的讲解
2019/02/28 PHP
jquery修改属性值实例代码(设置属性值)
2014/01/06 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
2016/03/25 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
JS快速实现移动端拼图游戏
2016/09/05 Javascript
JS实现的简单轮播图运动效果示例
2016/12/22 Javascript
Vue-router 类似Vuex实现组件化开发的示例
2017/09/15 Javascript
create-react-app 修改为多入口编译的方法
2018/08/01 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
2019/03/16 jQuery
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局
2016/02/27 DOTA
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
Python实现的ini文件操作类分享
2014/11/20 Python
浅谈Python类的__getitem__和__setitem__特殊方法
2016/12/25 Python
Python中如何获取类属性的列表
2016/12/26 Python
Python序列循环移位的3种方法推荐
2018/04/09 Python
python操作redis方法总结
2018/06/06 Python
Python 使用多属性来进行排序
2019/09/01 Python
python调用HEG工具批量处理MODIS数据的方法及注意事项
2020/02/18 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
Pandas读取csv时如何设置列名
2020/06/02 Python
Python datetime 如何处理时区信息
2020/09/02 Python
CSS3媒体查询(Media Queries)介绍
2013/09/12 HTML / CSS
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
彪马日本官网：PUMA日本
2019/01/31 全球购物
晚会邀请函范文
2014/01/24 职场文书
关于教师节的广播稿
2014/09/10 职场文书
英语辞职信怎么写
2015/02/28 职场文书
Memcached介绍及php-memcache扩展安装
2021/04/01 PHP
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA