【问题标题】:Text in vertical middle of DivDiv 垂直中间的文本
【发布时间】:2012-05-03 20:38:15
【问题描述】:

如果 Div 元素指定了 position:absolute 属性,我如何在垂直中间对齐文本?

设置display:table-cell; vertical-align:middle; 不起作用。

谢谢!

【问题讨论】:

  • 文本是否包含在其他任何元素中,pspandiv 或类似元素?你能发布相关部分的精确html吗?

标签: css html vertical-alignment


【解决方案1】:

包装一个内部 div 并给它position:relative; top:-50%;,除了给绝对值一个top:50%

当然,如果它是复杂的样式,请提供你的 CSS。

line-height 如果只是一行文本,你可以侥幸逃脱,但你必须取消 absolute 规则。

【讨论】:

  • 感谢两位的回复。我的代码如下:body > div(绝对定位,margin:0 auto;用于居中> div,绝对位置(重复元素)> 其他标签+我想要垂直居中文本的 div。它也有绝对定位。它的文本行数未知。它有 top:0 和 bottom:0,因此它与父 div 一样高。看起来很复杂......对不起。
猜你喜欢
  • 2017-01-17
  • 2012-06-18
  • 2011-11-28
  • 1970-01-01
  • 2013-10-29
  • 2012-12-09
  • 2013-02-01
  • 1970-01-01
相关资源
最近更新 更多