如何在菜单栏中将语义用户界面的表单居中？

Question

我在菜单栏中有一个语义UI反应形式rowCallback <- c( "function(row, data, displayNum, displayIndex){", " var indices = [0, 2, 4, 15]", " if(indices.indexOf(data[0]) > -1){", " $(row).find('td').addClass('notselectable');", " }", "}" ) ，如下所示：

我将LocationSearchForm放在了LocationSearchForm内

<Menu.Item>

但是，正如您所看到的，表单并没有垂直居中。其他<Menu.Item> <LocationSearchForm /> </Menu.Item> 之类的链接menu.item和signin居中对齐，仅显示此表单存在一些问题。如何使其垂直居中？谢谢！

Answer 1

您在input下获得了空间，因为当您书写时，

<Form>
    <Form.Field>
      <input placeholder='Your City' />
    </Form.Field>
</Form>

您的Form.Field得到margin-bottom : 1rem。

您需要删除margin。简单的方法是内联样式，

<Form.Field style={{marginBottom:'0'}}>

或者您可以分配一个类名，然后为该类名写CSS。