xamarin中的网格样式

Question

我使用具有xamarin形式的CSS样式。我有网格确认按钮：

StackLayout {
    background-color: #1e1e1e;
    color: #ffffff;
}

Button{
    background-color: #2d2d30;
    font-family: Consolas;
    font-size: 24;

    margin: 0;
}

和xaml：

<Grid>
    <Grid.ColumnDefinitions>
    /*...*/
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
    /*...*/
    </Grid.RowDefinitions>
    <Button/>
    <Button/>
    /*...*/
</Grid>

如何消除按钮之间的间隙？

Answer 1

这是行内块元素问题。如您所见：

button {
  width: 50px;
  height: 50px;
  background: #000;
  outline:none;
  border:none;
  margin:0;
}

<button></button>
<button></button>
<button></button>

我们可以使用这两种方法消除差距。

1. 相邻写

button {
  width: 50px;
  height: 50px;
  background: #000;
  outline:none;
  border:none;
}

<button></button><button></button><button></button>

2. 注释行

button {
  width: 50px;
  height: 50px;
  background: #000;
  outline:none;
  border:none;
}

<button></button><!--
--><button></button><!--
--><button></button>