<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;">&nbsp;&nbsp; </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的更多相关文章

  1. div+css与table布局

    1:速度和加载方式方面的区别 div 的加载方式是即读即加载,遇到 <div> 没有遇到 </div> 的时候一样加载 div 中的内容,读多少加载多少:table 的加载方式 ...

  2. 贪心 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 ...

  3. 在各浏览器和各分辨率下如何让div内的table垂直水平居中?

    本文主要针对需要全屏显示的系统页面内,因为系统经常会用到表格table布局,偶尔的table需要显示在div的正中间,所以鄙人特此总结下div内table的万千姿态. <!DOCTYPE htm ...

  4. 9月23日JavaScript作业----用DIV做下拉列表

    例题二.用div做下拉列表 <title>无标题文档</title> <style type="text/css"> *{ margin:0px ...

  5. 让div中的table居中

    div 标签上写  style="text-align:center" div中的table中写 style="margin:auto;"  <table ...

  6. 如何让div中的table水平居中

    <div style="text-align:center"> <table border="1" cellpadding="3&q ...

  7. div居中和table居中,jQuery获取下拉列表值

    一.div居中 margin-left: auto;margin-right: auto; <div  style="width:960px ; margin-left: auto;m ...

  8. JS之document例题讲解1(两张表之间数据转移、日期时间选择、子菜单下拉、用div做下拉菜单、事件总结)

    作业一:两个列表之间数据从一个列表移动到另一个列表 <div style="width:600px; height:500px; margin-top:20px"> & ...

  9. 两个重叠的div做前后翻转

    当需要做一个翻转卡片式的div时候,需要两个div的大小等大例如: 画出两个等大的div后,将他们重叠 图中的两个div做了重叠,做重叠时候用的属性是 position: absolute; 并且需要 ...

随机推荐

  1. DDD学习笔录——提炼问题域之知识提炼与协作的基本原则

    1.通过通用语言达成共识 通用语言,已经强调过好多遍了,在DDD再怎么重视都不为过,后面可能还会讲. 知识提炼的输出以及共识的构建就是常见的通用语言(UL). 当与业务相关人员和主题专家进行建模时,每 ...

  2. Delphi IOS 蓝牙锁屏后台运行

    Delphi IOS 后台运行 同样的程序,编译成android,锁屏后继续运行正常,蓝牙通讯正常,但在IOS下锁屏后程序的蓝牙就中断通讯了? IOS的机制就是这样,锁屏就关闭了. 音乐播放器是怎么做 ...

  3. Spring Cloud Eureka 1(eureka简介)

    Spring Cloud Eureka 是 Spring Cloud Netflix微服务套件中的一部分,基于netflix eureka做了二次封装,主要负责完成微服务架构中的服务治理功能. 服务治 ...

  4. SQL SERVER 微软下载地址

    https://www.microsoft.com/zh-cn/search/DownloadsDrillInResults.aspx?q=sql+server+2012&cateorder= ...

  5. 深入剖析SolrCloud(四)

    作者:洞庭散人 出处:http://phinecos.cnblogs.com/ 本博客遵从Creative Commons Attribution 3.0 License,若用于非商业目的,您可以自由 ...

  6. 【bzoj1479】[NOI2006]最大获利

    1497: [NOI2006]最大获利 Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 4335  Solved: 2123[Submit][Status] ...

  7. EF删除,查询,Linq查询,Lambda查询,修改链接字符串

    (1)//删除操作 public bool delete() { try { a_context = new AEntities(); b1 = new Table_1(); //删除只需要写主键就行 ...

  8. linux信号基本概念及如何产生信号

    linux信号基本概念及如何产生信号 摘自:https://blog.csdn.net/summy_j/article/details/73199069 2017年06月14日 09:34:21 阅读 ...

  9. JavaScript——Dom编程(2)

    ①.创建一个元素节点: var reference = document.createElement(element) createElement(): 按照给定的标签名创建一个新的元素节点. 方法只 ...

  10. C#利用WMI获取 远程计算机硬盘数据

    一.利用WMI获取 远程计算机硬盘数据,先引入"System.Management.dll"文件. /// <summary>        /// 获取存储服务器硬盘 ...