您现在的位置:首页 >> 软件开发 >> 内容

HTML表格列宽不随文字变宽

时间:2019-10-15 06:44:50 点击:

  核心提示:1.设置了table的宽度后,宽度仍然不固定,td的内容一多,很容易吧table撑变形。有些时候我们需要设置固定的宽度。解决办法  table的css 加入样式 table-layout:fixed;...

1.设置了table的宽度后,宽度仍然不固定,td的内容一多,很容易吧table撑变形。有些时候我们需要设置固定的宽度。


解决办法


  table的css 加入样式  table-layout:fixed;


  td的css  加入样式 word-wrap:break-word; /*自动换行*/


如果不想自动换行可以设置超出部分隐藏 (想设置超出隐藏的层都可以用)


td的css 加入样式  overflow:hidden;


         white-space:nowrap;


         text-overflow:ellipsis;

作者:站长 来源:网络
相关文章
  • 没有相关文章
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
  • 陈工笔记(www.dui580.com) © 2019 版权所有 All Rights Reserved.
  • 站长:陈工 微信号:chengongbiji
  • Powered by 陈工