tbody问题

来源:3-2 项目作业

IceWizard

2020-02-20 12:08:44

<table class="big" width="100%">

    <!-- 头部结构 -->

    <thead>

    <tr>

    <td><img src="img\logo.png"></td>

    </tr>

    </thead>

    <tbody>

    <tr class="all">

    <td>

    <table width="100%"  border="2px gray solid">

    <tr>

    <td class="left">

    <div class="pra1">

    <p>商品管理</p>

    <p>评价管理</p>

    <p>咨询管理</p>

    </div>

    <div class="pra2">

    <p class="word">全部订单</p>

    <p>已完成订单</p>

    <p>待处理订单</p>

    <p>今日物流</p>

    </div>

    <div class="pra3">

    <p>月考核</p>

    <p>季度考核</p>

    <p>年度考核</p>

    </div>

    </td>

    <td class="right">

    <table class="one">

    <tr>

    <td>全部订单</td>

    </tr>

    </table>

    <table class="two">

    <tr>

    <td>查询:<input type="date"/>至<input type="date"/></td>

    </tr>

    </table>

    <table class="three">

    <tr>

    <td colspan="2">宝贝信息</td>

   

    <td>订单数量</td>

    <td>单价</td>

    <td>买家</td>

    <td>下单时间</td>

    <td>实付款</td>

    <td>订单操作</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>小明</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\xie.jpg"></td>

    <td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>

    <td>2</td>

    <td>120</td>

    <td>小李子</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>小红</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\xie.jpg"></td>

    <td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>

    <td>2</td>

    <td>120</td>

    <td>可乐</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>魏明</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\xie.jpg"></td>

    <td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>

    <td>2</td>

    <td>120</td>

    <td>李晓雨</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>艳艳</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\xie.jpg"></td>

    <td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>

    <td>2</td>

    <td>120</td>

    <td>片片</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>小兰</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\xie.jpg"></td>

    <td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>

    <td>2</td>

    <td>120</td>

    <td>魏璎珞</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>小慕</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>小苏</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    </table>

    </td>

    </tr>

    </table>

    </td>

    </tr>

    </tbody>

    <tfoot></tfoot>

    </table>


写回答

2回答

好帮手慕码

2020-02-20

同学你好,因为给.left与.right设置了块级显示,块级的元素会独占一行,因此上下显示。可以去掉块级设置:

http://img.mukewang.com/climg/5e4e3b3609739fe102880312.jpg

如果我的回答帮了你,欢迎采纳,祝学习愉快~

1

好帮手慕码

2020-02-20

同学你好,这边查看布局是正常的,请问是tbody有什么问题吗?可以详细描述一下问题所在,以便准确的帮助同学解决。

祝学习愉快~

0
hceWizard
h css文件内的内容 .big > tbody .all{ display: block; width:100%; } .big > tbody .left{ display:block; width:12%; } .big > tbody .right{ display:block; width:88%; }
h020-02-20
共2条回复

0 学习 · 40143 问题

查看课程