单元格td 可以用css设置外边距吗

单元格td 可以用css设置外边距吗

tbody .left .sp3{
  margin-bottom: 30px;
}

<<tbody>
         <tr>
             <td>
                 <table border="1">
                     <tr>
<!--                       左侧   -->
                         <td class="left" width="12%">
                             <table border="1">
                                 <tr><td>商品1</td></tr>
                                 <tr><td>商品2</td></tr>
                                 <tr><td class="sp3">商品3</td></tr>
                                 <tr><td>全部订单</td></tr>
                                 <tr><td>订单1</td></tr>
                                 <tr><td>订单2</td></tr>
                                 <tr><td>订单3</td></tr>
                                 <tr><td>考核1</td></tr>
                                 <tr><td>考核2</td></tr>
                                 <tr><td>考核3</td></tr>
                             </table>
                         </td>
<!--                          右侧-->
                         <td width="88%"></td>
                     </tr>
                 </table>
             </td>
         </tr>
      </tbody>

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,它不属于行内元素(inline),也不是块元素(block)。它就是单元格类型(table-cell)。可以在浏览器中,按F12查看一下它的display属性,如下图所示:

http://img1.sycdn.imooc.com//climg/5e0f170609f74c8810790494.jpg

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

好帮手慕夭夭 2020-01-03 17:35:55

同学你好,单元格是没有办法设置外边距的,块元素才可以设置外边距。如果想要实现有间距的效果,建议把这个列表改为ul li布局。

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

  • 提问者 慕粉3924036 #1
    老师<td>是属于行内元素吗?
    2020-01-03 17:47:55
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师