首页
所有分类
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 相关文章推荐
CCPry JS类库 代码
Oct 30 Javascript
js 全兼容可高亮二级缓冲折叠菜单
Jun 04 Javascript
jQuery操作checkbox选择(list/table)
Apr 07 Javascript
Easyui的组合框的取值与赋值
Oct 28 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
JavaScript生成指定范围的时间列表
Mar 19 Javascript
详解在vue-test-utils中mock全局对象
Nov 07 Javascript
JavaScript动态检测密码强度原理及实现方法详解
Jun 11 Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
Jul 05 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
Dec 09 Javascript
vue学习笔记之作用域插槽实例分析
Feb 01 Javascript
vue+vant实现购物车全选和反选功能
Nov 17 Vue.js
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
blinker(1) name_scope (1) 三子棋(2) data(4) 信号库(1) 神经网络(7) Keras(3) turtle(1) 字符集(1) variable_scope(1)
You might like
PHP分页函数代码（简单实用型）
2010/12/02 PHP
PHP读取ACCESS数据到MYSQL的代码
2011/05/11 PHP
PHP fopen()和 file_get_contents()应用与差异介绍
2014/03/19 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
PHP网站建设的流程与步骤分享
2015/09/25 PHP
thinkphp5.1 框架钩子和行为用法实例分析
2020/05/25 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
jquery控制listbox中项的移动并排序
2009/11/12 Javascript
IE中createElement需要注意的一个问题
2010/07/13 Javascript
最新28个很棒的jQuery 教程
2011/05/28 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
jquery实现两个图片渐变切换效果的方法
2015/06/25 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
2015/11/18 Javascript
jQuery实现简单的DIV拖动效果
2016/02/19 Javascript
jQuery实现点击关注和取消功能
2017/07/03 jQuery
JS排序算法之冒泡排序，选择排序与插入排序实例分析
2017/12/13 Javascript
使用form-create动态生成vue自定义组件和嵌套表单组件
2019/01/18 Javascript
JS字符串补全方法padStart()和padEnd()
2020/05/27 Javascript
JQuery获得内容和属性方法解析
2020/05/30 jQuery
jQuery-App输入框实现实时搜索
2020/11/19 jQuery
[52:39]完美世界DOTA2联赛PWL S3 CPG vs Forest 第一场 12.16
2020/12/17 DOTA
用Python操作字符串之rindex()方法的使用
2015/05/19 Python
Python获取SQLite查询结果表列名的方法
2017/06/21 Python
python中字符串内置函数的用法总结
2018/09/13 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
Python搭建代理IP池实现存储IP的方法
2019/10/27 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
python创建n行m列数组示例
2019/12/02 Python
使用Pandas将inf, nan转化成特定的值
2019/12/19 Python
查看jupyter notebook每个单元格运行时间实例
2020/04/22 Python
python打开文件的方式有哪些
2020/06/29 Python
曼城官方网上商店：Manchester City
2019/09/10 全球购物
致标枪运动员广播稿
2014/02/06 职场文书
教师批评与自我批评总结
2014/10/16 职场文书
学雷锋团日活动总结
2015/05/06 职场文书
webpack介绍使用配置教程详解webpack介绍和使用
2022/06/25 Javascript