如何在堆叠面板中正确对齐标签

Question

我正在尝试实现以下目标：

如您所见，标题“这就是我想要的”与另一个标签对齐

我写的代码：

      <Grid Width="345" Height="445" Background="White">

            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <StackPanel Grid.Row="0" Orientation="Vertical" Margin="10">
                <Label Content="How to align this to the left:" />
                <StackPanel Grid.Row="1" Orientation="Horizontal" Background="#D9D9D9">
                    <Label Content="€" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center" />
                    <Label Content="256,00" FontSize="38" FontWeight="Bold" />
                </StackPanel>
            </StackPanel>

        </Grid>
</Grid>

我的代码的结果如下所示：

可能会发现，标签未向左对齐，看起来有些填充物或其他东西。

另外，€信号不在正确的位置，我尝试像在第一张图片上那样实现此目的，但是我尝试使用不同类型的对齐方式（水平，居中）的所有操作均无效。

谢谢大家的欢呼

Answer 1

将Label的Padding设置为0或使用TextBlock 。 TextBlock比Label轻巧，并且没有默认的Padding 。

您可以使用Margin属性将€标记稍微向上移动：

<StackPanel Grid.Row="0" Orientation="Vertical" Margin="10">
    <TextBlock Text="How to align this to the left:" />
    <StackPanel Grid.Row="1" Orientation="Horizontal" Background="#D9D9D9">
        <TextBlock Text="€" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Bottom"
                            Margin="0 0 3 5"/>
        <TextBlock Text="256,00" FontSize="38" FontWeight="Bold" />
    </StackPanel>
</StackPanel>