使用 flex css 样式时的自定义控件宽度

Posted 2023-02-16

技术标签:

【中文标题】使用 flex css 样式时的自定义控件宽度【英文标题】：Custom control width when flex css style used 【发布时间】：2021-12-16 06:07:46 【问题描述】：

我自定义的控件有一个文本框和文本框旁边的图标

return (
  <div className="useFlex">
    <TextInput></TextInput>
    <div>
      <Icon></Icon>
    </div>
  </div>
);

风格

.useFlex 
  display: flex;

效果很好

但问题是：当我在我的页面中使用这个自定义控件时，文本框宽度没有得到扩展并且它保持固定。

<Table >
   <tr>
      <td><MyCustomControl> </MyCustomControl></td>
   </tr>
</Table>

你能告诉我我在这里缺少什么吗？

【问题讨论】：

【参考方案1】：

尝试添加

.useFlex

   display:flex;
   flex-grow: 1;

【讨论】：

以上是关于使用 flex css 样式时的自定义控件宽度的主要内容，如果未能解决你的问题，请参考以下文章