Table在DIV中以滚动条方式显示
Table在DIV中以滚动条方式显示
言筱羽 发表于1年前
Table在DIV中以滚动条方式显示
  • 发表于 1年前
  • 阅读 27
  • 收藏 2
  • 点赞 0
  • 评论 0
摘要: 当Table中横向数据过大时,查看不方便,可以使用滚动条的形式进行查看

Table中的单元格不用设定宽度, 如果需要单元格变宽显示,可以使用padding进行操作

<style>
  div{
    width:95%;
    overflow-x:auto;
    overflow-y:hidden;
  }
  //以防表格变形
  table td{
    white-space: nowrap;
  }
</style>

<div>
  <table></table>
</div>
共有 人打赏支持
粉丝 4
博文 35
码字总数 24239
×
言筱羽
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: