【问题标题】:Div with Vertical align set to middle垂直对齐设置为中间的 Div
【发布时间】:2011-12-21 03:50:54
【问题描述】:

我有 div 的内容我想垂直居中对齐。

我已将 css 与 display: table-cell 一起应用,然后设置 vertical-align: middle 但它不起作用:

这是链接:

http://jsfiddle.net/rBsa2/2/

div的内容不断变化。

在此我希望具有类“EntryFormControlDiv”和“EntryFormLabelDiv”内容的 div 应该在类的 div 内垂直对齐:“EntryFormRow”。

感谢任何帮助。

【问题讨论】:

  • @utopicam 表示包围收音机的文本框或文本区域 div 居中对齐

标签: html css


【解决方案1】:

紫色按钮中的文字在我看来很好。

添加行高怎么样?

.EntryFormControlDiv
{
    min-height: 50px;
    max-width: 400px;
    min-width: 400px;
    float: left;
    line-height:35px;
}

(以及倍数中的一些底部边距)

【讨论】:

  • 紫色的div没有居中对齐。请注意“爱好” div 它不在中间。此外,我不能使用保证金,因为 div 一直在扩展和收缩,因为它们是从数据库中填充的
  • 您也可以为 .EntryFormLabelDiv 使用 line-height,使用 DB 填充内容并不重要,您仍然可以将边距添加到类(或填充到 .EntryFormControlDiv)
  • 我的问题解决了,实际上我在 CSS 类中使用 float 和 display: table-cell 这就是出现问题的原因。删除浮动并使用中断标签后一切正常。无论如何感谢您的帮助
猜你喜欢
  • 1970-01-01
  • 2017-01-17
  • 1970-01-01
  • 1970-01-01
  • 2015-03-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多