How do I align button text to center in WPF C#?

Question

I am making a WPF application and I have a button that contains "X". By default the font size is 12 and the text is center, but as soon as I increase the font size, the alignment drops. I am unable to understand.

Center text at Font size 12:

Off-center text at Font size 24

My code:

<StackPanel Grid.Row="0" Orientation="Horizontal">
    <Button Content="-" Foreground="White" Margin="756,8,8,0" Height="30" VerticalAlignment="Top" VerticalContentAlignment="Center" BorderThickness="0" Background="{x:Null}" FontWeight="Bold"/>
    <Button Content="X" Foreground="White" Margin="6,8,8,0" Height="30" VerticalAlignment="Top" VerticalContentAlignment="Center" BorderThickness="0" Background="{x:Null}" FontWeight="Bold"/>
</StackPanel>

score 4 · Answer 1 · edited Jul 12 '19 at 11:23

Putting the content inside a textblock and setting its vertical alignment seems to do what you need:

<Button FontSize="24"
        Margin="756,8,8,0"
        Height="30"
        VerticalAlignment="Top"
        VerticalContentAlignment="Center"
        BorderThickness="2" Background="{x:Null}">
     <Button.Content>
         <TextBlock VerticalAlignment="Center">X</TextBlock>
     </Button.Content>
</Button>

How do I align button text to center in WPF C#?

1 Answers1