Silverlight: Почему между этими двумя элементами есть пространство?

Question

Я использую Silverlight 4 для разработки приложения для Windows Phone. У меня есть элемент управления, определенный следующим XAML:

<Grid x:Name="LayoutRoot" Background="Transparent" Margin="0,0,0,20">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>

    <Image x:Name="Thumbnail" Grid.Column="0" Width="89" HorizontalAlignment="Left" VerticalAlignment="Top" />

    <!-- sometimes there's a hanging word in the headline that looks a bit awkward -->
    <TextBlock x:Name="Headline" Grid.Column="1" Grid.Row="0" Style="{StaticResource PhoneTextAccentStyle}" TextWrapping="Wrap" HorizontalAlignment="Left" FontSize="23.333" VerticalAlignment="Top" />
    <TextBlock x:Name="Teaser" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" HorizontalAlignment="Left" Style="{StaticResource PhoneTextSubtleStyle}"  TextWrapping="Wrap" VerticalAlignment="Top" Width="384"/>
</Grid>

По какой-то причине между Headline и Teaser есть пробел. Удаление PhoneAccentStyle не помогает.

Почему это могло быть? Для этих двух элементов не определены поля или отступы. Высота первого ряда сетки определяется как Auto. Разве это не значит, что он будет таким же большим, как его содержимое?

Что я здесь не так делаю?

Answer 1

Я не вижу изображения, а высота не определена в XAML. Какова высота изображения?

Answer 2

Оказывается, проблема в том, что иногда textBlock.Text включает \n.Удаление тех решает проблему.

Answer 3

Я думаю, что между двумя TextBlock с нет места, но между реальными буквами и границей TextBlock.Попробуйте сравнить ваш макет с двумя похожими TextBlock s внутри StackPanel, он должен быть одинаковым.

* TextBlock резервирует пространство для всех типов символов с их возвышением и спуском.Отсюда вы видите пространство.