无论如何，有没有使用CSS从上至下将文本从所有位置对齐的方法？

Question

看一下我的代码。

http://jsfiddle.net/Q8V4H/6/

p元素电话拨号程序中的文本使用自上而下的方法进行对齐，而我想将其从所有位置（即右上，右下和左）的中心对齐。 这是我的代码生成的示例输出。

我不想在那里有任何空间，而是将文本“下载PC拨号程序”对齐到div的中心，即从左，右，上，下而不是仅从左到右。

这是我想要实现的示例图像。

如果我使用text-align:center ，它将只将文本从左和右居中对齐，而不是从顶部和底部居中对齐，在这种情况下，我也想从顶部和底部对齐。 我该怎么做？

谢谢

Answer 1

<div style="display:table">
  <div style="display:table-row">
    <div style="display:table-cell;text-align:center;vertical-align:middle;padding:8px">
      Download PC Dialer
    </div>
  </div>
  <div style="display:table-row">
    <div style="display:table-cell;text-align:center">
      <a href="/download"><img src="download.png"></a>
    </div>
  </div>
</div>

这将为您提供与使用表相同的行为，而没有实际使用表的语义问题。 在IE7及以下版本的所有浏览器中均可使用。

Answer 2

将其放在<div> ，然后将其放在另一个<div> 。 子div应当具有vertical-align: middle和line-height: Xpx ，其中X是内部div的高度。

在这里查看： http : //phrogz.net/css/vertical-align/index.html

Answer 3

对于水平对齐，可以使用margin：0 auto; 在固定的div元素上。 对于垂直对齐，可以将行高设置为与font-size相同。