Tag: 垂直alignment

UITextField垂直alignment

有没有办法在UIControlContentVerticalAlignmentCenter和UIControlContentVerticalAlignmentBottom之间的一半UITextField垂直alignment文本,还是我必须去与其中之一?

文本和图标在引导button中垂直alignment

我无法在引导框架下的button内垂直alignment字体超赞的图标和文本。 我已经尝试了很多东西,包括设置行高,但没有任何工作。 <button id="edit-listing-form-house_Continue" class="btn btn-large btn-primary" style="" value="" name="Continue" type="submit"> Continue <i class="icon-ok" style="font-size:40px;"></i> </button> http://jsfiddle.net/fPXFY/ 我怎样才能得到这个工作?

DataGrid行内容垂直alignment

我有一个从WPF 4.0 RTM的常规DataGrid,我从数据库中放置数据。 为了使DataGrid的干净和清淡的风格我使用高/高的行,默认情况下,DataGrid排列行垂直位置的内容,但我想设置一个中心垂直alignment。 我已经尝试使用这个属性 VerticalAlignment="Center" 在DataGrid选项中,但它不能帮助我。 这里是一个XAML代码的例子,描述我的DataGrid没有中心垂直alignment: <DataGrid x:Name="ContentDataGrid" Style="{StaticResource ContentDataGrid}" ItemsSource="{Binding}" RowEditEnding="ContentDataGrid_RowEditEnding"> <DataGrid.Columns> <DataGridTextColumn Header="UserID" Width="100" IsReadOnly="True" Binding="{Binding Path=userID}" /> <DataGridTextColumn Header="UserName" Width="100" Binding="{Binding Path=userName}" /> <DataGridTextColumn Header="UserAccessLevel" Width="100" Binding="{Binding Path=userAccessLevel}" /> <DataGridTextColumn Header="UserPassword" Width="*" Binding="{Binding Path=userPassword}" /> </DataGrid.Columns> </DataGrid> 执行此代码的结果: 正如你所看到的,所有行的内容都有顶部垂直alignment。 为了获得每行内容的中心垂直alignment,我必须添加什么? 谢谢。

为什么宽度:100%不工作div {display:table-cell}?

我试图垂直和水平居中一些内容覆盖图像幻灯片(flexslider)。 有一些类似的问题,但我找不到一个令人满意的解决scheme,直接适用于我的具体问题。 由于FlexSlider的限制,我不能使用position: absolute; 在我的实现img标签。 我在下面的工作几乎有解决方法。 唯一的问题是,我无法获得宽度和高度的声明,以display: table-cell属性的inner-wrapper div。 这是标准的行为,还是我错过了我的代码? 如果这是标准的行为,我的问题最好的解决scheme是什么? HTML <ul> <li> <img src="#"> <div class="outer-wrapper"> <div class="inner-wrapper"> <h1>My Title</h1> <h5>Subtitle</h5> </div> </div> </li> </ul> CSS html, body { margin: 0; padding: 0; width: 100%; height: 100%; } ul { background: #CCC; height: 100%; width: 100%; list-style-position: outside; margin: 0; padding: 0; } […]

CSS:当没有固定大小的div已知时,垂直alignmentdiv

如何将包含图像(或闪光灯)的<div>与CSS垂直alignment。 高度和宽度是dynamic的。

如何垂直alignment浮动div到底部?

因为例子规则: http : //jsfiddle.net/rudiedirkx/wgue7/ 我怎么让酒吧底部而不是顶部? 现在他们坚持到容器的顶部( #bars ),但我希望他们坚持到底部。 正如你所看到的,我不知道最高的酒吧的高度,所以我不知道容器的高度。 这些q + a没有帮助: 垂直alignment浮动div , 垂直alignment浮动DIV 应该很简单吧? 如果有帮助:只需要在体面的浏览器中工作。 PS。 酒吧的数量是可变的(不是在这个例子中),他们的高度是。 只有它们的宽度是静态的。 定位absolute不会帮助,因为容器格没有测量。

表格单元格垂直alignment不工作

我试图简单地居中文本水平和垂直使用DIV和显示types为表格单元格,但它不工作在IE8或Firefox。 下面是我正在使用的CSS,这就是所有的HTML页面。 @charset "utf-8"; /* CSS Document */ html, body { background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; padding-top: 5px; } div.Main { background-color:#FFFFFF; border-collapse:collapse; width:800px; margin-left:auto; margin-right:auto; } div.MainHeader { color:#C00000; font-size:18pt; font-weight:bold; text-align:center; width:800px; } div.BlackBox { background-color:#000000; color:#FFFF00; display:table-cell; float:left; font-size:18pt; font-weight:bold; height:191px; text-align:center; vertical-align:middle; width:630px; } div.BlackBoxPicture { background-color:#000000; float:right; […]

CSS垂直alignment不适用于浮动

我怎样才能使用vertical-align以及float div属性? vertical-align工作正常,如果我不使用float 。 但是,如果我使用浮动,那么它不起作用。 对我来说最重要的是使用float:right来表示最后一个div。 我想下面,如果你从所有div中删除浮动,那么它会正常工作: <div class="wrap"> <div class="left">First div, float left, has more text.</div> <div class="left2">Second div, float left </div> <div class="right">Third div, float right</div> </div> CSS: .wrap{ width: 500px; overflow:hidden; background: pink; } .left { width: 150px; margin-right: 10px; background: yellow; float:left; vertical-align: middle; display:inline-block } .left2 { width: 150px; margin-right: […]

如何使用类alignmentTD内的div

好吧它正在用这种方式工作 <td align="center"> 但是我想用class 我这样定义类,但没有运气 td { vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto; align: center; } 垂直alignment正在工作,文本alignment正在为文本工作。 但是它并没有将td中的div与这种方式alignment。 我想在TD内部alignmentdiv。

中心alignmenttwitter引导中的一列

我已经开始学习Bootstrap了。 我的问题是如何居中alignment一列,bootstrap包含12列布局,没有中间数字。 如果是11列布局,则中间数为6(左边5列,右边1列,右边5列)