silverlight for wp7：TextBlock：具有不同文本的文本在同一行中對齊

我希望在一行中包含兩個獨立字符串的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中做到這一點？

來源

2012-01-15 Jonathan

你試過了嗎？如果您將兩個TextBlocks放入具有所需文本對齊的Grid容器中，它應該可以工作。 – jv42 2012-01-15 09:36:49

所以我會在一個網格字段中有兩個TextBlocks？好的，沒有嘗試過...... – Jonathan 2012-01-15 09:43:13

當然，這是很簡單的，它不會處理重疊。如果你想要一個合適的佈局，你必須指定列，根據@ Ku6opr的答案。 – jv42 2012-01-15 12:46:51

把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>

來源

2012-01-15 11:28:49 Ku6opr

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

jv42的評論，回答對我來說工作得很好：

您是否嘗試過？如果您將兩個TextBlocks放入具有所需文本對齊的Grid容器中，它應該可以工作。 - jv42

來源

2012-01-15 19:30:14 Jonathan

silverlight for wp7：TextBlock：具有不同文本的文本在同一行中對齊

回答

相關問題