【table布局出了问题 _响应式】

table布局出了问题
我也踩过这个坑( 1 )
已统计您的踩坑,无需重复点击
回答(0)
响应式
详细描述
截图
代码
 <!-- 第二行 -->
                        <tr class="p-two">
                            <td colspan="2" class="p-two-one">门槛 <img src="../img/xxx.png" /></td>
                            <td colspan="2" class="p-two-one">难易程度 <img src="../img/xxx.png" /> <img src="../img/xxx.png" /></td>
                        </tr>
                        <!-- 第三行 -->
                        <tr class="p-three">
                            <td colspan="2" class="p-two-one">成长周期 <span style="color: red;">1-3</span><span style="color: black;">年</span></td>
                            <td colspan="2" class="p-two-one">稀缺程度 <span style="color: red;">345</span><span style="color: black;">家公司需要</span></td>
                        </tr>
                        <!-- 第四行 -->
                        <tr class="p-four">
                            <td rowspan="3" class="p-four-one">薪资待遇</td>
                            <td colspan="3" class="p-two-two">0-1年 <span  style="float:right;">5k-10k/月</span></td>
                        </tr>
                        <!-- 第五行 -->
                        <tr class="p-four">
                            <td colspan="3" class="p-two-two">0-1年 <span  style="float:right;">5k-10k/月</span></td>
                        </tr>
                        <!-- 第六行 -->
                        <tr class="p-four">
                            <td colspan="3" class="p-two-two">0-1年 <span  style="float:right;">5k-10k/月</span></td>
                        </tr>
                        <!-- 第七行 -->
                        <tr class="p-three">
                            <td colspan="4" class="p-seven-one">有<span style="color: red;">286</span>人在学</td>
                        </tr>
                        <!-- 第八行 -->
                        <tr class="p-three">
                            <td colspan="4" class="p-two-one">提示：在你学习之前你应该已经掌握XXXXX、XXXXX、XX等语言基础</td>
                        </tr>
                    </table>
编辑于2024-11-19