Equal spacing between controls
<p>I want to place image and text under image as below. The height of the rows have to be equally divided. How can this work if I want images to size accordingly?</p>

<pre><code>        &lt;Grid.ColumnDefinitions&gt;
            &lt;ColumnDefinition Width="9*"/&gt;
            &lt;ColumnDefinition Width="10*"/&gt;
            &lt;ColumnDefinition Width="10*"/&gt;
            &lt;ColumnDefinition Width="20*"/&gt;
            &lt;ColumnDefinition Width="10*"/&gt;
            &lt;ColumnDefinition Width="40*"/&gt;
            &lt;ColumnDefinition Width="10*"/&gt;
            &lt;ColumnDefinition Width="10*"/&gt;
            &lt;ColumnDefinition Width="10*"/&gt;
            &lt;ColumnDefinition Width="10*"/&gt;
            &lt;ColumnDefinition Width="10*"/&gt;
        &lt;/Grid.ColumnDefinitions&gt;
        &lt;Grid.RowDefinitions&gt;
            &lt;RowDefinition Height="10*" /&gt;
            &lt;RowDefinition Height="10*" /&gt;
            &lt;RowDefinition Height="10*" /&gt;
            &lt;RowDefinition Height="10*" /&gt;
            &lt;RowDefinition Height="10*" /&gt;
            &lt;RowDefinition Height="10*" /&gt;
            &lt;RowDefinition Height="10*" /&gt;
            &lt;RowDefinition Height="10*" /&gt;
            &lt;RowDefinition Height="10*" /&gt;
            &lt;RowDefinition Height="10*" /&gt;
        &lt;/Grid.RowDefinitions&gt;

            &lt;Image Grid.Column="1" Grid.Row="0" Source="pack://application:,,,/WpfApplication5;component/led.green.off.png" HorizontalAlignment="Center"&gt;
            &lt;/Image&gt;
            &lt;TextBlock Grid.Column="1" Grid.Row="1" Text="Turret Power" &gt;&lt;/TextBlock&gt;

            &lt;Image Grid.Column="1" Grid.Row="2" Source="pack://application:,,,/WpfApplication5;component/toggle.sheath.DOWN.png" HorizontalAlignment="Center"&gt;
            &lt;/Image&gt;
            &lt;TextBlock Grid.Column="1" Grid.Row="3" Text="Off" &gt;&lt;/TextBlock&gt;

            &lt;Image Grid.Column="1" Grid.Row="4" Source="pack://application:,,,/WpfApplication5;component/toggle.sheath.DOWN.png" HorizontalAlignment="Center"&gt;
            &lt;/Image&gt;
            &lt;TextBlock Grid.Column="1" Grid.Row="5" Text="Off" &gt;&lt;/TextBlock&gt;
            &lt;Image Grid.Column="1" Grid.Row="6" Source="pack://application:,,,/WpfApplication5;component/toggle.sheath.DOWN.png" HorizontalAlignment="Center"&gt;
            &lt;/Image&gt;
            &lt;TextBlock Grid.Column="1" Grid.Row="7" Text="Off" &gt;&lt;/TextBlock&gt;
            &lt;Image Grid.Column="1" Grid.Row="8" Source="pack://application:,,,/WpfApplication5;component/toggle.sheath.DOWN.png" HorizontalAlignment="Center"&gt;
            &lt;/Image&gt;
            &lt;TextBlock Grid.Column="1" Grid.Row="9" Text="Off" &gt;&lt;/TextBlock&gt;
            &lt;Image Grid.Column="1" Grid.Row="10" Source="pack://application:,,,/WpfApplication5;component/toggle.sheath.DOWN.png" HorizontalAlignment="Center"&gt;
            &lt;/Image&gt;
            &lt;TextBlock Grid.Column="1" Grid.Row="11" Text="Off" &gt;&lt;/TextBlock&gt;
    &lt;/Grid&gt;
</code></pre>

<p>If I do the above, the images are big and go over the window</p>