编程 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 25 Javascript

jQuery hover 延时器实现代码

Mar 12 Javascript

多个表单中如何获得这个文件上传的网址实现js代码

Mar 25 Javascript

利用javaScript实现点击输入框弹出窗体选择信息

Dec 11 Javascript

js监控IE火狐浏览器关闭、刷新、回退、前进事件

Jul 23 Javascript

node.js中的console.timeEnd方法使用说明

Dec 09 Javascript

JavaScript中对象property的读取和写入方法介绍

Dec 30 Javascript

Javascript基础教程之函数对象和属性

Jan 18 Javascript

jQuery Validate插件实现表单强大的验证功能

Dec 18 Javascript

Angular1.x复杂指令实例详解

Mar 01 Javascript

Vue父组件监听子组件生命周期

Sep 03 Javascript

js面向对象方式实现拖拽效果

Mar 03 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

Uchome1.2 1.5 代码学习 common.php

2009/04/24 PHP

php安全配置如何配置使其更安全

2011/12/16 PHP

PHP大文件分割上传 PHP分片上传

2017/08/28 PHP

Laravel使用scout集成elasticsearch做全文搜索的实现方法

2018/11/30 PHP

PHP面向对象程序设计子类扩展父类（子类重新载入父类）操作详解

2019/06/14 PHP

javascript concat数组累加示例

2009/09/03 Javascript

基于jQuery实现点击同时更改两个iframe的网址

2010/07/01 Javascript

window.showModalDialog()返回值的学习心得总结

2014/01/07 Javascript

Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击

2014/02/12 Javascript

jQuery实现大转盘抽奖活动仿QQ音乐代码分享

2015/08/21 Javascript

jqPlot jQuery绘图插件的使用

2016/06/18 Javascript

JS实现HTML表格排序功能

2016/08/05 Javascript

javascript实现动态显示颜色块的报表效果

2017/04/10 Javascript

微信小程序自定义组件

2017/08/16 Javascript

jQuery实现的五星点评功能【案例】

2019/02/18 jQuery

Vue-Cli项目优化操作的实现

2019/10/27 Javascript

[01:18:43]2014 DOTA2华西杯精英邀请赛5 24 iG VS DK

2014/05/25 DOTA

对Python正则匹配IP、Url、Mail的方法详解

2018/12/25 Python

python 多线程重启方法

2019/02/18 Python

Python Scrapy框架第一个入门程序示例

2020/02/05 Python

python利用Excel读取和存储测试数据完成接口自动化教程

2020/04/30 Python

Python扫描端口的实现

2021/01/25 Python

北美个性化礼品商店：Things Remembered

2018/06/12 全球购物

报考公务员诚信承诺书

2014/08/29 职场文书

深入开展党的群众路线教育实践活动心得体会

2014/11/05 职场文书

2014年小学安全工作总结

2014/12/04 职场文书

公务员个人总结

2015/02/12 职场文书

小班下学期个人总结

2015/02/12 职场文书

2015年办公室工作总结范文

2015/03/31 职场文书

团委工作总结2015

2015/04/02 职场文书

2015年物流客服工作总结

2015/07/27 职场文书

计算机教师工作总结

2015/08/13 职场文书

送给客户微信问候语！

2019/07/04 职场文书

解决Pytorch dataloader时报错每个tensor维度不一样的问题

2021/05/28 Python

Python还能这么玩之用Python修改了班花的开机密码

2021/06/04 Python

如何理解python接口自动化之logging日志模块

2021/06/15 Python