Question

我希望有一个TextBlock元素，它包含两个单独的字符串，两者都在一行中。一个与TextBlock的左边缘对齐，一个与右边缘对齐。

在HTMl＆amp; CSS中我会这样做：

<div id="TextBlock">
  <span style="float:left;display:block">align:left</span>
  <span style="float:right;display:block">align:right</span>
  <span style="clear:both"></span>
</div>

此处两个文本对齐：右和对齐：左显示在同一行。

是否有可能在XAML中执行此操作？

Answer 1

将TextBlocks控件放入Grid控件中，放入不同的Columns。如果TextBlocks宽度小于Grid总宽度，则必须指定TextBlocks修剪的方式。以不同的组合设置Auto，*或number*：

 <Grid>
      <Grid.ColumnDefinitions>
           <ColumnDefinition Width="2*" />
           <ColumnDefinition Width="1*" />
      </Grid.ColumnDefinitions>
      <TextBlock Grid.Column="0" Text="text1" TextAlignment="Left" />
      <TextBlock Grid.Column="1" Text="text2" TextAlignment="Right" />
 </Grid>

Answer 2

jv42的评论答案对我来说很好：

你尝试过吗？如果您将两个TextBlocks放入一个Grid容器中，并且具有您想要的文本对齐方式，那么它应该可以正常工作。 - jv42

适用于wp7的silverlight：TextBlock：具有不同text-align的文本在同一行中

2 个答案: