2012-01-15 45 views
1

我希望在一行中包含两个独立字符串的TextBlock元素。一个对齐到TextBlock的左边缘,一个对着右边缘。silverlight for wp7:TextBlock:具有不同文本的文本在同一行中对齐

在HTML中& 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> 

这里既有文本对齐:右align:left进行显示在同一行。

有没有可能在XAML中做到这一点?

+1

你试过了吗?如果您将两个TextBlocks放入具有所需文本对齐的Grid容器中,它应该可以工作。 – jv42 2012-01-15 09:36:49

+0

所以我会在一个网格字段中有两个TextBlocks?好的,没有尝试过...... – Jonathan 2012-01-15 09:43:13

+0

当然,这是很简单的,它不会处理重叠。如果你想要一个合适的布局,你必须指定列,根据@ Ku6opr的答案。 – jv42 2012-01-15 12:46:51

回答

3

TextBlocks放在一个Grid控制成不同的Columns。如果Grid宽度小于TextBlocks总宽度,则必须指定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> 
+0

完美的作品,谢谢。 – SevenDays 2012-08-02 16:17:09

0

jv42的评论,回答对我来说工作得很好:

您是否尝试过?如果您将两个TextBlocks放入具有所需文本对齐的Grid容器中,它应该可以工作。 - jv42

相关问题