【问题标题】:Text shrinking when cell selected in Material UI Table在材料 UI 表中选择单元格时文本缩小
【发布时间】:2020-06-07 04:54:51
【问题描述】:

当您选择其中一个时,我试图找出哪一段 CSS 使单元格中的文本缩小了非常微小但很明显的量

这是一个代码沙箱。只需单击其中一个单元格将其聚焦,您就会明白我的意思:-

https://codesandbox.io/s/material-ui-table-virtualized-t2xkt

注意:当您选择一个单元格时,它会将普通 div 替换为自定义的 Material UI 文本字段

我需要调整哪个 CSS 属性以确保在单元格聚焦或不聚焦时文本大小和位置保持一致?

【问题讨论】:

  • 你确定是字体大小的变化吗?看起来可能是填充的变化
  • 是的,它可能会改变填充。我只是假设它是字体大小
  • 你是对的,它是填充。通过在未聚焦时从表格单元格内 div 的 padding-top 中删除一个像素来解决此问题

标签: css reactjs material-ui


【解决方案1】:

你是对的,它是填充。通过在未聚焦时从表格单元格内的 div 中的 padding-top 中删除一个像素来解决它

【讨论】:

    猜你喜欢
    • 2020-07-05
    • 2021-04-06
    • 1970-01-01
    • 1970-01-01
    • 2022-01-12
    • 2019-04-04
    • 1970-01-01
    • 1970-01-01
    • 2018-02-23
    相关资源
    最近更新 更多