Html 是否仍然可以使用CSS将文本从所有位置居中对齐,而不是默认的自上而下对齐?
看看我的代码 p元素电话拨号器中的文本使用自上而下的方法对齐,而我希望从所有位置(即顶部、右侧、底部和左侧)将其居中对齐。下面是我的代码生成的示例输出 我不想有任何空间,而是文本下载PC拨号器应该在分区的中心对齐,即从左,右,上,下,而不仅仅是左和右 下面是我想要实现的示例图像 如果我使用Html 是否仍然可以使用CSS将文本从所有位置居中对齐,而不是默认的自上而下对齐?,html,css,positioning,Html,Css,Positioning,看看我的代码 p元素电话拨号器中的文本使用自上而下的方法对齐,而我希望从所有位置(即顶部、右侧、底部和左侧)将其居中对齐。下面是我的代码生成的示例输出 我不想有任何空间,而是文本下载PC拨号器应该在分区的中心对齐,即从左,右,上,下,而不仅仅是左和右 下面是我想要实现的示例图像 如果我使用text align:center它将只从左到右对齐文本中心,而不是从顶部和底部对齐,在这种情况下,我也希望从顶部和底部对齐文本。我该怎么做 谢谢把它放在一个里,然后再放在另一个里。子div应该具有垂直对
text align:center
它将只从左到右对齐文本中心,而不是从顶部和底部对齐,在这种情况下,我也希望从顶部和底部对齐文本。我该怎么做
谢谢把它放在一个
里,然后再放在另一个
里。子div应该具有垂直对齐:中间和行高:Xpx
,其中X是内部div的高度
看这里:对于水平对齐,可以使用边距:0自动;在固定的div元素上。对于垂直对齐,您可以将行高设置为与字体大小相同。
<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>
下载PC拨号器
这将为您提供与使用表相同的行为,而不存在实际使用表的语义问题。适用于除IE7及以下浏览器之外的所有浏览器。您可以使用边距,对块元素更有效。我在css中非常糟糕,您可以演示一下如何使用示例来参考我的代码吗?您可能需要检查此链接,让我尝试一下,然后再联系您:)