zoukankan      html  css  js  c++  java
  • 火狐下,td 的 bug;

    想实现类似的效果,看代码,

    <div style="488px;float:left; margin:-52px 0px 15px 15px;">
      <table>
        <tr>
          <td style="text-align:center;70px;height:36px;background:#5776a3;color:#ffffff;border-radius: 5px 0px 0px 5px;cursor:pointer;border:1px solid #c4cdd8;diaplay:inline-block;">&nbsp;日&nbsp;</td>
          <td style="text-align:center;70px;height:36px;background:#f5f7f7;cursor:pointer;border:1px solid #c4cdd8;widht:120px;diaplay:inline-block;">&nbsp;月&nbsp;</td>
          <td style="text-align:center;70px;height:36px;background:#f5f7f7;cursor:pointer;border:1px solid #c4cdd8;widht:120px;diaplay:inline-block;">&nbsp;季&nbsp;</td>
          <td style="text-align:center;70px;height:36px;background:#f5f7f7;cursor:pointer;border-radius: 0px 5px 5px 0px;border:1px solid #c4cdd8;diaplay:inline-block;">&nbsp;年&nbsp;</td>
        </tr>
      </table>
    </div>

    火狐上,发现td右边都有一段margin,原来是因为display:inline-block;

    直接将display:inline-block改成float:left;就解决了。

  • 相关阅读:
    【博弈论】囚徒困境
    【LTE与5G】
    【现代通信技术】绪论
    【操作系统】 逻辑结构
    【密码学】
    【计算机网络】网络应用
    部署docker仓库-Harbor
    ELK+filebeat收集K8S平台日志
    istio-http流量管理
    K8S集群部署istio
  • 原文地址:https://www.cnblogs.com/ertingbo/p/7520776.html
Copyright © 2011-2022 走看看