Questions tagged «vertical-alignment»

我有以下HTML： <div class="outer"> <div class="inner rotate">Centered?</div> </div> div.outer是一条狭窄的垂直条。div.inner旋转90度。我想要文本“居中吗？” 出现在其容器div的中心位置。我不知道任何一个div的大小。 这很接近：http : //jsfiddle.net/CCMyf/2/。您可以从jsfiddle中看到，在transform: rotate(-90deg)应用样式之前，文本在垂直方向居中，但是在应用样式之后，文本有些偏移。div.outer短时尤其明显。 是否可以在不预先知道任何大小的情况下将文本垂直居中？我还没有找到transform-origin解决该问题的任何方法。

76 css  vertical-alignment  centering  vertical-text 

使用CSS 3，有什么方法可以垂直对齐块元素？你有例子吗？谢谢。

74 css  html  vertical-alignment  alignment 

我正在尝试将某些内容垂直和水平居中放置在图像幻灯片（flexslider）上。这个问题也有类似的问题，但是我找不到直接适用于我的特定问题的令人满意的解决方案。由于FlexSlider的限制，我无法position: absolute;在实现中在img标签上使用。 我几乎在工作下面有解决方法。唯一的问题是我无法inner-wrapper通过display: table-cell属性将该宽度和高度声明用于div 。 这是标准行为，还是我的代码中缺少某些内容？如果这是标准行为，那么对我的问题最好的解决方案是什么？ 的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; } …

68 html  css  vertical-alignment  flexslider  css-tables 

我想在选择框中垂直对齐文本。我尝试使用 select{ verticle-align:middle; } 但是它不适用于任何浏览器。Chrome似乎默认将选择框中的文本与中间对齐。FF将其顶部对齐，IE将其底部对齐。有什么办法可以做到这一点？我在UIBinder中使用GWT的Select小部件。 这是我目前拥有的： select{ height: 28px !important; border: 1px solid #ABADB3; margin: 0; padding: 0; vertical-align: middle; } 谢谢！

67 css  gwt  select  vertical-alignment 

这个问题似乎是某些字母一样g，y，q等有一个尾巴向下倾斜，不允许垂直居中。这是展示问题的图像。 绿色框中的字符基本上是完美的，因为它们没有向下的尾巴。红色框中的内容演示了该问题。 我希望所有字符都垂直居中对齐。在图像中，尾巴向下的字符未垂直居中。这可以纠正吗？ 这是充分说明问题的小提琴。 .avatar { border-radius: 50%; display: inline-block; text-align: center; width: 125px; height: 125px; font-size: 60px; background-color: rgb(81, 75, 93); font-family: "Segoe UI"; margin-bottom: 10px; } .character { position: relative; top: 50%; transform: translateY(-50%); line-height: 100%; color: #fff; } <div class="avatar"> <div class="character">W</div> </div> <div class="avatar"> <div class="character">y</div> …

12 javascript  html  css  vertical-alignment