TextBlock两行文字居中布局
时间: 2025-06-15 07:25:22 浏览: 15
### WPF TextBlock 两行文本垂直水平居中
在WPF应用程序中,`TextBlock`控件虽然不支持直接设置边框属性[^1],但是可以通过组合其他容器控件来实现复杂的布局效果。对于希望达到两行文本在`TextBlock`内既垂直又水平居中的需求,可以采用如下方法:
#### 使用Grid作为父级容器的方法
通过将`TextBlock`放置在一个`Grid`面板内部,并利用`HorizontalAlignment`和`VerticalAlignment`属性来进行定位。
```xml
<Window x:Class="WpfApp.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
Title="MainWindow" Height="200" Width="400">
<Grid>
<!-- 定义一个网格 -->
<Grid.RowDefinitions>
<RowDefinition />
</Grid.RowDefinitions>
<TextBlock Grid.Row="0"
HorizontalAlignment="Center" VerticalAlignment="Center"
TextWrapping="WrapWithOverflow"
FontSize="18" Foreground="Black">
第一行文本<br/>
第二行文本
</TextBlock>
</Grid>
</Window>
```
此代码片段展示了如何创建一个简单的窗口,在其中心位置显示包含两行的文字。这里的关键在于设置了`TextBlock`的`HorizontalAlignment`为`Center`以及`VerticalAlignment`也为`Center`,从而实现了所期望的效果[^2]。
另外需要注意的是,为了让第二行能够正常换行展示而不是在同一行连续显示,可以在XAML里使用HTML标签 `<br/>` 来强制换行;或者也可以考虑给定固定的宽度并启用自动折行功能(`TextWrapping="Wrap"`)[^3]。
阅读全文
相关推荐



















