编程 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笔试题目附答案@20081025_jb51.net

Oct 26 Javascript

jquery 表单取值常用代码

Dec 22 Javascript

jQuery中width()方法用法实例

Dec 24 Javascript

javascript实现的右下角弹窗实例

Apr 24 Javascript

jQuery实现径向动画菜单效果

Jul 17 Javascript

JS实现倒计时(天数、时、分、秒)

Nov 16 Javascript

自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

Aug 18 Javascript

详解Vue-cli代理解决跨域问题

Sep 27 Javascript

基于vue-cli创建的项目的目录结构及说明介绍

Nov 23 Javascript

详解Vue.js项目API、Router配置拆分实践

Mar 16 Javascript

js监听html页面的上下滚动事件方法

Sep 11 Javascript

vue2.0结合Element-ui实战案例

Mar 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

火车采集器免费版使出收费版本功能实现原理

2009/09/17 PHP

PHP版网站缓存加快打开速度的方法分享

2012/06/03 PHP

PHP fopen 读取带中文URL地址的一点见解

2012/09/25 PHP

smarty简单应用实例

2015/11/03 PHP

PHP实现的曲线统计图表示例

2016/11/10 PHP

PDO::quote讲解

2019/01/29 PHP

修复IE9&safari 的sort方法

2011/10/21 Javascript

在Ubuntu上安装最新版本的Node.js

2014/07/14 Javascript

JavaScript更改原始对象valueOf的方法

2015/03/19 Javascript

JQuery页面地址处理插件jqURL详解

2015/05/03 Javascript

Javascript中的作用域和上下文深入理解

2015/07/03 Javascript

实例详解JSON数据格式及json格式数据域字符串相互转换

2016/01/07 Javascript

Javascript中的Prototype到底是什么

2016/02/16 Javascript

jQuery实现的多滑动门，多选项卡效果代码

2016/03/28 Javascript

React教程之Props验证的具体用法（Props Validation）

2017/09/04 Javascript

详解ajax的data参数错误导致页面崩溃

2018/04/30 Javascript

swiper.js插件实现pc端文本上下滑动功能示例

2018/12/03 Javascript

微信小程序生成携带参数的二维码

2019/10/23 Javascript

[01:00:30]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第二场 10.31

2020/11/02 DOTA

举例讲解Python中的死锁、可重入锁和互斥锁

2015/11/05 Python

Python实现的矩阵类实例

2017/08/22 Python

python绘制中国大陆人口热力图

2018/11/07 Python

解决python flask中config配置管理的问题

2019/07/26 Python

安装PyInstaller失败问题解决

2019/12/14 Python

Pytorch在dataloader类中设置shuffle的随机数种子方式

2020/01/14 Python

Python代码需要缩进吗

2020/07/01 Python

Pycharm安装第三方库失败解决方案

2020/11/17 Python

统计每一学生的平均成绩

2014/06/06 面试题

写自荐信要注意什么

2013/12/26 职场文书

学生会主席竞聘书

2014/03/31 职场文书

大学生工作自荐书

2014/06/16 职场文书

2014年个人技术工作总结

2014/12/08 职场文书

2016北大自主招生自荐信模板

2016/01/28 职场文书

Python3.8官网文档之类的基础语法阅读

2021/09/04 Python

vue代码分块和懒加载非必要资源文件

2022/04/11 Vue.js

Shell中的单中括号和双中括号的用法详解

2022/12/24 Servers