首页 > 其他 > 详细

Table的一些设置(自适应以及溢出)

时间:2015-01-08 19:24:45      阅读:209      评论:0      收藏:0      [点我收藏+]

1、table重置的两个属性:

①border-collapse: collapse;      /* 为表格设置合并边框模型 */

②border-spacing: 0;      /* 设置在表格中的单元格之间出现的间距为0 */

代码:

<div class="fz">
    <div style="width: 600px;" class="bg-grey p10">
        <table class="bg-white">
            <tr>
                <th>序号</th>
                <th>开始时间</th>
                <th>结束时间</th>
                <th>备注</th>
                <th>操作</th>
            </tr>
            <tr>
                <td>1</td>
                <td>2014/8/2</td>
                <td>2015/1/1</td>
                <td>时间都去哪儿了</td>
                <td><a href="#">编辑</a></td>
            </tr>
        </table>
    </div>
</div>

 当只重置了td,th{padding:0} 没有设置边框的效果

技术分享

设置td{ border:1px solid #ff4136;}的效果

技术分享

设置table { border-collapse: collapse; border-spacing: 0; }的效果

技术分享

 

Table的一些设置(自适应以及溢出)

原文:http://www.cnblogs.com/zhaojieln/p/4211391.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!