嘿，我之前在使用MahApps Metro样式时也碰到过一模一样的问题！其实核心原因是MahApps的基础按钮样式（也就是你用的LightMetroWindowButtonStyle）默认设置了内容对齐方式为拉伸，导致按钮会撑满所在容器的宽度，而不是根据内容自动调整。

问题根源 #

LightMetroWindowButtonStyle里默认把HorizontalContentAlignment和VerticalContentAlignment设为了Stretch，这会让按钮的内容区域填满整个按钮的可用空间，同时按钮本身会占满Grid列的宽度（也就是你设置的80），最终导致内容被挤压或者超出显示范围。

解决步骤 #

你只需要在自定义的GrayMetroButtonStyle里添加两个Setter，把内容对齐方式改回居中（或者你需要的其他对齐方式），同时显式设置按钮宽度为自动：

<Style x:Key="GrayMetroButtonStyle" TargetType="Button" BasedOn="{StaticResource LightMetroWindowButtonStyle}">
    <Setter Property="Margin" Value="5"/>
    <Setter Property="Background" Value="LightGray"/>
    <Setter Property="Padding" Value="2"/>
    <!-- 恢复自动调整大小的关键设置 -->
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <!-- 确保按钮宽度随内容变化 -->
    <Setter Property="Width" Value="Auto"/>
</Style>

原理说明 #

• HorizontalContentAlignment="Center"：让按钮的内容居中显示，不再拉伸填满按钮宽度，这样按钮就会根据内容的实际宽度来调整自身大小。
• Width="Auto"：显式告诉WPF按钮宽度不需要固定，由内容决定。

这样修改后，你的按钮就会像没加样式时一样，自动适应"Change"文本的宽度，不会再撑满80的Grid列宽，内容也不会超出显示范围啦！

内容的提问来源于stack exchange，提问作者Kamerton