页面
来源:互联网 发布:推荐一本自学java的书 编辑:程序博客网 时间:2024/05/02 02:13
<style>
body { background: #fff; font-size: 14px; font-family: Arial; }
p { margin: 0; }
#receipt { background: #fff; padding: 10px 20px; width: 400px; /* 改这里的width可以控制宽度 width: 600px; */ }
#receipt h1 { margin: 0; font-size: 1em; text-align: center; padding: 5px; border-bottom: 1px solid #000; }
#r-body { overflow: hidden; height: 140px; padding: 0 5px; }
#r-body-left { float: left; width: 65%; }
#r-body-right { float: right; width: 35%; height: 200px; }
#r-body-right p { text-align: right; margin: 15px 0 15px 0; }
#r-b-l-1 { width: 90%; margin: 10px 0; height: 20px; border: 1px solid #000; padding: 5px; }
#r-b-l-2 { float: left; width: 60%; margin: 0 10px 10px 0; height: 80px; border: 1px solid dashed; }
#r-b-l-3 { border-top: 1px dashed #000; width: 90%; border-bottom: 1px dashed #000; height: 43px; margin-top: 30px; }
#r-foot { border-top: 1px solid #000; padding: 5px; }
#r-foot p { text-align: center; border: 1px solid #000; padding: 5px; }
</style>
<div id="receipt">
<h1>xxx</h1>
<div id="r-body">
<div id="r-body-left">
<div id="r-b-l-1">
<p>xxxxxxxxxxxxxxxxxxxxx</p>
</div>
<div id="r-b-l-2">
</div>
<div id="r-b-l-3">
</div>
</div>
<div id="r-body-right">
<p>xxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxx</p>
<p>xxxxxxxx</p>
<p>xxxxxxxx</p>
</div>
</div>
<div id="r-foot">
<p>xxxxxxxxxx</p>
</div>
</div>
- 页面
- 页面
- 页面
- 页面
- 页面
- 页面内嵌入页面
- 子页面传值到父页面
- 页面方法+页面处理
- 页面加载等待页面
- 专题页面一级页面
- 专题页面二级页面
- 子页面父页面
- javascrpt 页面格式化页面
- 子页面父页面
- 子页面,父页面
- 跳转页面+登录页面
- 页面打印
- 页面控制器
- javascript结合Ajax制作的可编辑表格代码
- javascript解决iframe框架页面自适应高度问题
- MyEclipse 6.0.1 注册码 到期问题 到 2012-10-12
- Android开发指南-用户界面-事件处理
- javascript实现页面自动刷新和自动跳转代码
- 页面
- javascript实现客户端用户操作Excel文档数据导出
- 09-22-09
- javascript读取本地excel文档并显示在文本框中
- VB中如何声明及使用多维数组,多层数组及动态数组
- javacript实现关闭子窗口,刷新父窗口效果代码
- javascript实现WEB页面导出为EXCEL或WORD文档的方法
- javascript实现网易邮箱多附件上传功能代码
- javascript实现多张图片轮流展示效果代码