DIV做的Table
<style>
div.table{
border:1px solid #d7d7d7;
margin-left:0px;
border-bottom-width:;
width:1200PX;
border-left-width:;
text-align:left;
line-height:40px;
}
.clear0{
clear:both;
height:0px;
}
div.table .row{
clear:both;
overflow:hidden;
border-bottom:1px solid #d7d7d7;
}
.rowbak{
}
div.table .srow{/*没有cell的一行*/
overflow:visible;
margin-left:1px;
border-bottom:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
}
div.table .cell{
border-left:1px solid #d7d7d7;
float:left;
margin-left:1px;
margin-right:-1px;
margin-bottom:-1000px;
padding-bottom:1000px;
}
div.table .cellEnd{
clear:both;
width:;
}
div.table .rowbak .cell{
background-color:#f2ecec;
height:100%;
}
</style>
<div class="table" >
<div class="row" style="line-height:40px;background-color:#d7d7d7;text-align:center;">
<div class="cell " style="width:50px;"> </div>
<div class="cell " style="width:542px;">问题标题</div>
<div class="cell w200" style="width:100px;">用户名</div>
<div class="cell" style="width:100px">提问时间</div>
<div class="cell" style="width:100px">状态</div>
<div class="cell" style="width:100px;">厂牌</div>
<div class="cell" style="width:100px;">车型</div>
<div class="cell" style="width:100px;">年份</div>
<div class="cellEnd"></div>
</div>
<div class="row rowbak">
<div class="cell " style="width:50px;">01</div>
<div class="cell " style="width:542px;">我的家庭协作我的家庭协作</div>
<div class="cell " style="width:100px;">234234234</div>
<div class="cell" style="width:100px">2016/06/30</div>
<div class="cell" style="width:100px">XXrld</div>
<div class="cell" style="width:100px">XXXrld</div>
<div class="cell" style="width:100px">XXXorld</div>
<div class="cell" style="width:100px"> 操作34</div>
<div class="cellEnd"></div>
</div>
<div class="row rowbak">
<div class="cell " style="width:50px;">01</div>
<div class="cell " style="width:542px;">我的家庭协作我的家庭协作</div>
<div class="cell " style="width:100px;">234234234</div>
<div class="cell" style="width:100px">2016/06/30</div>
<div class="cell" style="width:100px">XXrld</div>
<div class="cell" style="width:100px">XXXrld</div>
<div class="cell" style="width:100px">XXXorld</div>
<div class="cell" style="width:100px"> 操作34</div>
<div class="cellEnd"></div>
</div>
<div class="row rowbak">
<div class="cell " style="width:50px;">01</div>
<div class="cell " style="width:542px;">我的家庭协作我的家庭协作</div>
<div class="cell " style="width:100px;">234234234</div>
<div class="cell" style="width:100px">2016/06/30</div>
<div class="cell" style="width:100px">XXrld</div>
<div class="cell" style="width:100px">XXXrld</div>
<div class="cell" style="width:100px">XXXorld</div>
<div class="cell" style="width:100px"> 操作34</div>
<div class="cellEnd"></div>
</div> </div>
DIV做的Table的更多相关文章
- div+css与table布局
1:速度和加载方式方面的区别 div 的加载方式是即读即加载,遇到 <div> 没有遇到 </div> 的时候一样加载 div 中的内容,读多少加载多少:table 的加载方式 ...
- 贪心 Codeforces Round #273 (Div. 2) C. Table Decorations
题目传送门 /* 贪心:排序后,当a[3] > 2 * (a[1] + a[2]), 可以最多的2个,其他的都是1个,ggr,ggb, ggr... ans = a[1] + a[2]; 或先2 ...
- 在各浏览器和各分辨率下如何让div内的table垂直水平居中?
本文主要针对需要全屏显示的系统页面内,因为系统经常会用到表格table布局,偶尔的table需要显示在div的正中间,所以鄙人特此总结下div内table的万千姿态. <!DOCTYPE htm ...
- 9月23日JavaScript作业----用DIV做下拉列表
例题二.用div做下拉列表 <title>无标题文档</title> <style type="text/css"> *{ margin:0px ...
- 让div中的table居中
div 标签上写 style="text-align:center" div中的table中写 style="margin:auto;" <table ...
- 如何让div中的table水平居中
<div style="text-align:center"> <table border="1" cellpadding="3&q ...
- div居中和table居中,jQuery获取下拉列表值
一.div居中 margin-left: auto;margin-right: auto; <div style="width:960px ; margin-left: auto;m ...
- JS之document例题讲解1(两张表之间数据转移、日期时间选择、子菜单下拉、用div做下拉菜单、事件总结)
作业一:两个列表之间数据从一个列表移动到另一个列表 <div style="width:600px; height:500px; margin-top:20px"> & ...
- 两个重叠的div做前后翻转
当需要做一个翻转卡片式的div时候,需要两个div的大小等大例如: 画出两个等大的div后,将他们重叠 图中的两个div做了重叠,做重叠时候用的属性是 position: absolute; 并且需要 ...
随机推荐
- C++中的explicit关键字 - 抑制隐式转换(转)
在C++程序中很少有人去使用 explicit 关键字,不可否认,在平时的实践中确实很少能用的上.再说C++的功能强大,往往一个问题可以利用好几种C++特性去解决.但稍微留心一下就会发现现有的MFC库 ...
- HashMap与ConcurrentHashMap的区别(转)
从JDK1.2起,就有了HashMap,正如前一篇文章所说,HashMap不是线程安全的,因此多线程操作时需要格外小心. 在JDK1.5中,伟大的Doug Lea给我们带来了concurrent包,从 ...
- Hibernate 实体对象三种状态 :自由,持久,游离
实体对象的状态及转化: 有了上面关于Hibernate缓存的知识,我们再来介绍实体对象的状态就非常容易理解了. A:自由态对象: 当我们通过Java的new关键字来生成一个实体对象时,这时这个实体对象 ...
- 迷你MVVM框架 avalonjs 0.99发布
在本版本主要是性能优化,添加一些有用的功能(如回调什么的),离成品阶段不远了. 修正 updateViewModel bug 修正监控数组的set方法 bug 添加data-each-rendered ...
- C++中不可重载5个运算符
C++中不可重载的5个运算符 C++中的大部分运算符都是可以重载的,只有以下5个运算符不可以重载,他们是: 1 .(点运算符)通常用于去对象的成员,但是->(箭头运算符),是可以重载的 2 ...
- 数论Keynote
[同余] 1.整数a,b对模m同余的充分与必要条件是m|(a-b),即a=b+mt,t是整数. 2.性质丁.若a1=b1(mod m),a2=b2(mod m),则(a1+a2)=(b1+b2)(mo ...
- rsync 服务器架设方法
作者: 北南南北 来自:Linuxsir.Org 摘要: rsync 是一个快速增量文件传输工具,它可以用于在同一主机备份内部的备分,我们还可以把它作为不同主机网络备份工具之用.本文主要讲述的是如何自 ...
- Linux 搭建NFS文件服务器实现文件共享
我们接着玩Linux,O(∩_∩)O哈哈~ 1.什么是nfs NFS(Network File System)即网络文件系统,是FreeBSD支持的文件系统中的一种,它允许网络中的计算机之间通过TCP ...
- Python2.7的安装、python3的安装
>登录python官网下载python2.7的相关版本 python官网链接 >根据平台选择相应的版本 >下载完毕后点击安装即可 >配置环境变量 >安装成功 2 pyth ...
- java 解析xml(dom4j.jar)
先导入jar包 <?xml version="1.0" encoding="UTF-8"?> <companys> <compan ...