使用文本字段内联移动div

Question

我有一个“添加”按钮可以复制我的字段，但是我需要此图标与我的文本字段内嵌，如下所示，我一直在弄乱该图标已有一段时间了，我似乎无法使其内嵌，我尝试添加网格并删除但仍然没有运气

如您所见，添加按钮必须与contactEmails保持一致，以使其更具视觉吸引力

compile 'net.zetetic:android-database-sqlcipher:4.1.3@aar'

Answer 1

您需要在Grid容器中构造项目，请参考Grid文档。

因为您没有显示所有相关代码，所以这里是一个通用示例：

import React from 'react';
import { TextField, Fab, Grid } from '@material-ui/core';

export default function App() {
  return (
    <Grid container spacing={3} style={{ margin: '1%' }}>
      <Grid item>
        <TextField />
      </Grid>
      <Grid item>
        <Fab />
      </Grid>
    </Grid>
  );
}

Answer 2

• 删除fullWidth中的TextField属性，不要使用Grid。

或

• 如果希望使用Grid，则应将<Fab>组件作为item放入Grid container中。 xs道具指定组件用于超小显示的总比例为12点的空间。如果您未指定其他尺寸，例如sm或md，则xs将适用于所有尺寸的显示器。像这样：

    <Grid container>
      <Grid item xs={9}>
        <TextField />
      </Grid>
      <Grid item xs={3}>
        <Fab />
      </Grid>
    </Grid>

过时的，我不会在那里使用Grid，而会使用flexbox。