<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. [原创]Spring Boot + Mybatis 简易使用指南(二)多参数方法支持 与 Joda DateTime类型支持

    前言 今天在开发练习项目时遇到两个mybatis使用问题 第一个问题是mapper方法参数问题,在参数大于一个时,mybatis不会自动识别参数命名 第二个问题是Pojo中使用Joda DateTim ...

  2. Oracle-11g 中当执行 DBMS_STATS 时,因数据泵外部表文件缺失 Alert Log 告警 "ORA-20011、ORA-29913" 以及 "KUP-XXXXX"错误

    :first-child { margin-top: 0; } blockquote > :last-child { margin-bottom: 0; } img { border: 0; m ...

  3. Ubuntu 查看软件版本

    Boost dpkg -S /usr/include/boost/version.hpp OpenCV pkg-config --modversion opencv

  4. 数字图像处理实验(17):PROJECT 06-04,Color Image Segmentation 标签: 图像处理MATLAB 2017-05-27 21:13

    实验报告: Objective: Color image segmentation is a big issue in image processing. This students need to ...

  5. Python3 常用爬虫库的安装

    Python3 常用爬虫库的安装 1 简介 Windows下安装Python3常用的爬虫库:requests.selenium.beautifulsoup4.pyquery.pymysql.pymon ...

  6. Git安装和常用命令

    Git是目前世界上最先进的分布式版本控制系统!!! Git能自动帮我们记录每次文件的改动,还可以让同事协作编辑. 接下来,简单的介绍下Git的安装和常用命令: Git安装: 1.Windows系统,进 ...

  7. Win7怎么进入安全模式 三种轻松进入Win7安全模式方法

    发布时间:2013-05-27 11:23 作者:电脑百事网原创 来源:www.pc841.com 13783次阅读 win7的安全模式和XP如出一辙,在安全模式里我们可以删除顽固文件.查杀病毒.解除 ...

  8. SQL将表中某一类型的一列拼接成一行

    SELECT TypeName ,(SELECT ','+ UserName FROM [ContainerMembers] t WHERE TypeName= aa.TypeName FOR XML ...

  9. [redis]redis-cluster搭建

    1.概述: redis是一种工作在内存里no-sql的非关系型数据库,广泛应用于缓存需求,以减少大量的数据访问对数据库的压力,还很适合用来充当整个互联网架构中各级之间的cache 比如lvs的4层转发 ...

  10. Java String 常用类的使用方法

    public static void main(String[] args) { // TODO Auto-generated method stub /* * 使用for循环遍历数组 * int a ...