【如果任务八的第三页职业列表t用able实现各行格数宽度不一样怎么实现 _布局】

如果任务八的第三页职业列表t用able实现各行格数宽度不一样怎么实现

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(2)

布局

详细描述

截图

代码

<tr>
      <td colspan="2">
         <table >
            <tr>
               <td rowspan="3" >
                 薪资待遇
               </td>
               <td >
                  <span>0-1年</span>
                  <span>5k-10k/月</span>
               </td>
             </tr>
             <tr>
                <td >
                   <span>1-2年</span>
                   <span>10k-20k/月</span>
                </td>
              </tr>
              <tr>
                <td>
                   <span>2-3年</span>
                    <span>20k-50k/月</span>
                </td>
              </tr>
           </table>
         </td>
     </tr>

编辑于2024-11-16

时间排序

热门排序

[散修弟子]JS-1730
1

用 Grid布局布局。其他师兄推荐的，目前我还不会，还在做任务8界面2，多看看日报，你会发现有其他师兄也遇到你遇到的问题

查看全部>

编辑于2019-05-04
[上海|荣耀师兄]JS-顾配如
0
1. <style>
2. td{border:1px solid red;}
3. </style>
4. <table style="table-layout:fixed;width:100%">
5. <tr style="height:0;">
6. <th style="width:40%"></th>
7. <th style="width:10%"></th>
8. <th style="width:50%"></th>
9. </tr>
10. <tr>
11. <td>1</td>
12. <td colspan="2">2</td>
13. </tr>
14. <tr>
15. <td>1.1</td>
16. <td>2.1</td>
17. <td>2.2</td>
18. </tr>
19. </table>
设置一个高度为0的一行三列，第一列40%宽，二列10%，3列50%，因为列表每列宽度由首行控制，下面要50%就合并40%和10%，要左边40%右边60%就合并50%和10%，要一列就colspan=3，
查看全部>
编辑于2018-05-06

去第页