美文网首页前端是万能的
解决表格宽度大小不固定问题

解决表格宽度大小不固定问题

作者: 肆意木 | 来源:发表于2019-08-24 13:35 被阅读0次

背景:最近在项目中遇到一个问题,界面表格只有三行,宽度固定,为了适应不同屏幕分辨率,用的百分比去分割每列宽度,结果最长的那列内容太多把整个页面撑开了,试了好多方法没有避免这个问题,最后想起有个 table-layout 属性,然后就试了一下 table-layout: fixed,瞬间解决了这个问题,捎带深入研究了一下 table-layout;

tableLayout 属性用来显示表格单元格、行、列的算法规则。
属性值:    
automatic—— 默认。列宽度由单元格内容设定。
fixed—— 列宽由表格宽度和列宽度设定。
inherit——规定应该从父元素继承 table-layout 属性的值。

相关文章

  • 解决表格宽度大小不固定问题

    背景:最近在项目中遇到一个问题,界面表格只有三行,宽度固定,为了适应不同屏幕分辨率,用的百分比去分割每列宽度,结果...

  • Android 实现textview在一定宽度内自适应宽度

    解决问题 view跟在textview的右边,view宽度固定,textview自适应宽度,但textview 加...

  • 前端面试题:CSS

    1. 在固定宽度的div下,怎么让字体自适应大小,不超出宽度,也不要换行? 2. 在固定的父容器下水平垂直居中的...

  • 布局-float布局

    布局type 固定宽度 不固定宽度 响应式(pc:固定 手机:不固定) css type float flew g...

  • iview table响应式问题

    问题 表格样式重叠如图所示: 研究过程 控制台调试发现,table宽度不能自适应如图: 解决办法: 更改表格样式

  • [Android] 自定义 Dialog 布局设置固定宽高无效

    问题 Dialog 的自定义布局的根布局的宽度是写固定的,显示的时候宽度和高度不是对应的固定值。 解决 根布局外面...

  • 圣杯布局

    解决的问题 1.中间(重要)部分能先加载 2.两边固定宽度,中间自适应宽度 原理 负边距。采用中间宽度100%,左...

  • TABLE表头固定问题

    由于表格内容td是动态生成的,宽度不固定,所以通过定位的方式来实现表头固定会使表头脱离文档流,跟td内容不对齐,通...

  • CSS页面布局

    一,布局的基本概念 分为固定宽度,流动,弹性。 固定宽度布局的大小不会随着浏览器窗口大小而发生变化,一般是900到...

  • antd中表格组件的表头和表格体对齐

    antd的表格组件中,如果表格内内容比较多,容易出现表头和表格体不对齐的问题,解决方法很简单,需要直接把表格头固定...

网友评论

    本文标题:解决表格宽度大小不固定问题

    本文链接:https://www.haomeiwen.com/subject/yldbsctx.html