html - 无论如何，有没有使用 CSS 将所有位置的文本居中对齐而不是默认的自上而下对齐？

Question

看看我的代码。

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

p 元素电话拨号器中的文本使用自上而下的方法对齐，而我想将它从所有位置(即右上角底部和左侧)的中心对齐。这是我的代码生成的示例输出。

我不希望那里有任何空间，而是文本 Download PC Dialer 应该在 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 及以下版本之外的所有浏览器。