Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 是否仍然可以使用CSS将文本从所有位置居中对齐,而不是默认的自上而下对齐?_Html_Css_Positioning - Fatal编程技术网

Html 是否仍然可以使用CSS将文本从所有位置居中对齐,而不是默认的自上而下对齐?

Html 是否仍然可以使用CSS将文本从所有位置居中对齐,而不是默认的自上而下对齐?,html,css,positioning,Html,Css,Positioning,看看我的代码 p元素电话拨号器中的文本使用自上而下的方法对齐,而我希望从所有位置(即顶部、右侧、底部和左侧)将其居中对齐。下面是我的代码生成的示例输出 我不想有任何空间,而是文本下载PC拨号器应该在分区的中心对齐,即从左,右,上,下,而不仅仅是左和右 下面是我想要实现的示例图像 如果我使用text align:center它将只从左到右对齐文本中心,而不是从顶部和底部对齐,在这种情况下,我也希望从顶部和底部对齐文本。我该怎么做 谢谢把它放在一个里,然后再放在另一个里。子div应该具有垂直对

看看我的代码

p元素电话拨号器中的文本使用自上而下的方法对齐,而我希望从所有位置(即顶部、右侧、底部和左侧)将其居中对齐。下面是我的代码生成的示例输出

我不想有任何空间,而是文本下载PC拨号器应该在分区的中心对齐,即从左,右,上,下,而不仅仅是左和右

下面是我想要实现的示例图像

如果我使用
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中非常糟糕,您可以演示一下如何使用示例来参考我的代码吗?您可能需要检查此链接,让我尝试一下,然后再联系您:)