Stackpanel布局

Question

我有StackPanel内容的Button：

<Button Width="180" Height="55">
   <StackPanel Orientation="Vertical">
      <TextBlock Text="{Binding Item.Quantity}"/>
      <TextBlock Text="{Binding Item.ItemName}"/>
      <TextBlock Text="{Binding Item.ItemSpecification/>
   </StackPanel>
</Button>

我想要做的是放置3个TextBlock，如下所示：

http://alrakiza.ly/demo/stackpanel.jpg

我曾尝试填充TextBlock，但是当填充一个Textblock时，所有Text Block都是有标志的，同样有余量。

你能帮我做到吗？

Answer 1

HorizontalAlignment解决了您的问题。 但是父控件必须设置width

<Button Height="55">
            <StackPanel Orientation="Vertical" Width="180">
                <TextBlock Text="{Binding Item.Quantity}" HorizontalAlignment="Left"/>
                <TextBlock Text="{Binding Item.ItemName}" HorizontalAlignment="Center"/>
                <TextBlock Text="{Binding Item.ItemSpecification}" HorizontalAlignment="Center"/>
            </StackPanel>
    </Button>

Answer 2

尝试在第一个textBlock上指定negative left margin -

<Button Width="180" Height="55">
   <StackPanel Orientation="Vertical">
       <TextBlock Text="Item1" Margin="-70,0,0,0"/>
       <TextBlock Text="Item2"/>
       <TextBlock Text="Item3"/>
   </StackPanel>
</Button>

输出-