繁体   English   中英

垂直对齐列表框到底部

Vertical align listbox to bottom

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我需要在这张图片上布局我的列表框

在此输入图像描述

我已经尝试了为listbox和longlistselector做的一切。

 <ListBox WP7Panels:DockPanel.Dock="Bottom" Name="MsgControlsList" 
                              ItemsSource="{Binding}" 
                              Height="600" 
                              HorizontalContentAlignment="Stretch"
                              VerticalAlignment="Bottom" VerticalContentAlignment="Bottom">
            <ListBox.Style>
                <Style TargetType="ListBox">
                    <Setter Property="VerticalAlignment"
            Value="Bottom" />
                    <Setter Property="VerticalContentAlignment"
            Value="Bottom" />
                </Style>
            </ListBox.Style>
            <ListBox.ItemTemplate>
            <DataTemplate>
                    <WP7Panels:DockPanel LastChildFill="True">
                        <HistoryClasses:HistoryElementTemplate WP7Panels:DockPanel.Dock="Bottom"  VerticalAlignment="Bottom" DataContext="{Binding}" HorizontalContentAlignment="Stretch"/>
                    </WP7Panels:DockPanel>
                </DataTemplate>
        </ListBox.ItemTemplate>
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <toolkit:WrapPanel/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
    </ListBox>
    </WP7Panels:DockPanel>    

..但我仍然有列表框的顶部垂直对齐方式。

在此输入图像描述

请问有什么想法吗?

1 个回复

如果未设置列表框的高度,则项目位于屏幕底部。

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="600"/>
        <RowDefinition Height="Auto"/>
     </Grid.RowDefinitions>

     <TextBlock Text="Test"/>

     <ListBox Grid.Row="1"  VerticalAlignment="Bottom">
          <ListBox.ItemTemplate>
               <DataTemplate>
                    <TextBlock Text="Item"/>
               </DataTemplate>
           </ListBox.ItemTemplate>
      </ListBox>

      <TextBlock Grid.Row="2" Text="Test"/>

  </Grid>
1 垂直对齐元素到底部

我有几个要均衡的要素。 为此,我使用了一个读取最大高度并将其设置为所有这些元素的基本函数。 在每个元素上,我都有几个内部元素。 我要垂直对齐底部的内部元素中的最后一个。 第一个元素和第二个元素的高度可能取决于其内容(文本和图像),但是最后一个元素将始终固定 如果我尝试使用 ...

2 div垂直对齐到底部

我有一个小问题,jsfiddle: http : //jsfiddle.net/s38Ar/ HTML: CSS: 我想使theme2框垂直对齐底部(到theme4)。 在这里,我发现了一个类似的Div的CSS垂直对齐问题,但我希望它在不使用px precision的情况 ...

2013-09-25 19:33:11 2 3968   html/ css
3 猫头鹰传送带-垂直对齐底部

嗨,我从这篇文章中看到了这个codepen: http ://codepen.io/anon/pen/jJAHL: 猫头鹰轮播,导航中心 我需要将项目设置在轮播的底部。 我试过了 但这不起作用 ...

4 在垂直菜单的底部对齐图像

我目前正在为与我一起唱歌的团体重建一个网站。 我找到了一个垂直菜单。 现在我要公开地说菜单只是我发现的东西,因此它的编码以及CSS都不属于我。 我做了一些调整,使它们适合我的需求。 我想在菜单的最底部有一系列小图像。 无论有人使用什么尺寸的台式机,我都希望他们能坚持到底。 你们能给我 ...

5 垂直使用单个元素对齐底部

我有一个具有特定尺寸的持有者div,并且具有不同高度的单个子元素,并且我试图将其与基线对齐。 目前,我有一个与容器固定高度相同的第二个元素,使其与底部对齐,但如果它是独立的,它会粘在顶部,无论应用什么规则。 那么,如果元素是唯一的子元素,我如何将元素垂直对齐到容器的底部? 编辑 ...

6 垂直对齐底部不起作用

我需要位于&lt;a href="#"&gt;&lt;strong&gt;Home&lt;/strong&gt;&lt;span&gt;This is a home&lt;/span&gt;&lt;/a&gt;底部的所有文本,但是CSS代码无法正常工作。 CSS 此处的实时代码ht ...

7 CSS在底部和中心垂直对齐

我找到了很多解决方案,但没有一个对我有用。 在以下标记中,文本“ lorem ipsum示例”应在底部对齐并居中。 我似乎无法弄清楚! #box { background:#6CCB61 } .wrapper div { height: 240px; width:100%; ...

8 父项的底部垂直对齐div

我在其父项内部垂直对齐按钮时遇到问题。 该按钮应与“ info” div的底部对齐,但无法粘住。 在这种情况下,我不能使用“ position:absolute”。 而且我事先不知道主要父母div的高度。 HTML: CSS: ...

9 垂直对齐底部+内联块

我有以下HTML结构 box1 - &gt; box4有一个内联块显示。 出于某种原因,我不能将div与类“item”垂直对齐到box容器的底部。 有谁知道为什么? 具有类名称项的每个元素都是旋转到下一页的轮播的一部分。 意思是每页显示3.5张图像。 ...

10 无法垂直对齐浮动底部

我有以下HTML 我希望.explanation在底部对齐,而不是在http://jsfiddle.net/xQwB5/1/中看到的顶部对齐结果 更改行高确实有帮助,但是如果解释很长,则在小屏幕上会引起问题... 有没有一种方法可以使.explanation更加接近input ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM