如何使TextBlock的两个Run元素靠拢并设置textBlock3_2顶部对齐

嘿，这两个WPF里的小细节问题我刚好碰到过，给你分享下解决办法！

Run作为Inline元素确实没有Margin属性，但我们可以通过以下几种方式让它们靠拢：

• 用Span包裹Run设置负Margin：把需要调整间距的Run放进Span里，利用Span支持Margin的特性，给Span设置负的左/右Margin来拉近两个Run的距离。比如给第二个Run的Span加负左Margin：

<TextBlock>
    <Run FontFamily="Arial" Text="第一种字体"/>
    <Span Margin="-3,0,0,0">
        <Run FontFamily="Segoe UI" Text="第二种字体"/>
    </Span>
</TextBlock>

• 调整Run的CharacterSpacing属性：Run自带CharacterSpacing属性，设置负数可以缩小字符（包括不同Run之间）的间距，数值越小间距越紧凑，按需调整就行：

<TextBlock>
    <Run FontFamily="Arial" Text="第一种字体"/>
    <Run FontFamily="Segoe UI" Text="第二种字体" CharacterSpacing="-2"/>
</TextBlock>

• 启用字体自动字距优化：如果是字体本身的默认字距偏大，可以开启Typography的Kerning功能，让字体自动优化字符间的间距：

<TextBlock>
    <Run FontFamily="Arial" Text="第一种字体" Typography.Kerning="True"/>
    <Run FontFamily="Segoe UI" Text="第二种字体" Typography.Kerning="True"/>
</TextBlock>

分两种场景来处理：

• 让TextBlock在父容器中顶部对齐：如果textBlock3_2是放在Grid、Border、Canvas这类容器里，直接给它设置VerticalAlignment="Top"就能让它贴紧容器顶部：

<TextBlock x:Name="textBlock3_2" VerticalAlignment="Top" Text="你的内容"/>

要是父容器是StackPanel，默认就是顶部对齐，但如果之前改了StackPanel的VerticalAlignment，记得把StackPanel的VerticalAlignment也设回Top。

• 让TextBlock内部文本在自身范围内顶部对齐：如果textBlock3_2设置了固定Height，想要让文本贴紧TextBlock的顶部显示，需要设置VerticalContentAlignment="Top"，配合LineStackingStrategy还能避免行高自动撑开的问题：

<TextBlock x:Name="textBlock3_2" Height="120" VerticalContentAlignment="Top" LineStackingStrategy="BlockLineHeight" LineHeight="22" Text="你的内容"/>

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