stackpanel Horizontal wrap text WP 8.1

Question

code:

<code>
<StackPanel Orientation="Horizontal">
                    <TextBlock Text="Key1:" FontSize="20" Foreground="#73000000" TextWrapping="Wrap"/>
                    <Grid><TextBlock Text="Small Value1" FontSize="20" TextWrapping="Wrap" />
                        </Grid>
                </StackPanel>

                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="Key2:" FontSize="20" Foreground="#73000000" TextWrapping="Wrap"/>
                    <Grid>
                        <TextBlock Text="Long Long Long Long Long LongLongLong Long Long LongValue2" FontSize="20" TextWrapping="Wrap" />
                    </Grid>
                </StackPanel>
</code>

Image screen shot:

I need to make the transfer of values to a new line if it is longer than the screen.

Answer 1

Try using Wrap whole word attribute

<TextBlock TextWrapping="WrapWholeWords">

Answer 2

<TextBlock x:Name="TextBlock1" TextWrapping="Wrap" FontSize="20">
                <Run Foreground="#73000000">Key:</Run>
                <Run Text="{Binding Tag, ElementName=TextBlock1}"/>
            </TextBlock>

TextBlock1.Tag = "Long Long Long Long Long Long Long Long LongValue";