Html 无法将多行文字与容器的中间对齐

Html 无法将多行文字与容器的中间对齐,html,css,Html,Css,我是css新手,所以我没有办法创建容器(div)的文本中心 我的HTML是 <div class="container">Some text goes over here.</div> 这里有一些文字。 我尝试了text align:center和vertical align:middle,但没有成功 有没有办法让文本在Div的中间对齐。使用文本对齐:中间 <div class="container" style="Text-Align:center;">

我是css新手,所以我没有办法创建容器(div)的文本中心

我的HTML是

<div class="container">Some text goes over here.</div>
这里有一些文字。
我尝试了
text align:center
vertical align:middle
,但没有成功


有没有办法让文本在Div的中间对齐。

使用
文本对齐:中间

 <div class="container" style="Text-Align:center;">Some text goes over here.</div>
这里有一些文字。

您可以使用
显示:表格单元格
垂直对齐:中间
将文本设置在容器的中间

.divClass {
      width: 200px;
      height: 200px;
      border: 2px solid red;
      text-align: center;
      vertical-align: middle;
      display: table-cell;
}

检查一下这里的工作环境

如果你不想应用各种CSS技巧,你可以看看(实验性的)


请注意,我省略了供应商前缀。

您可以使用“显示:表格单元格”和“垂直对齐:中间”OP已经尝试过了,而且我认为OP需要水平和垂直居中感谢您的回答,我将尝试一下。仅供参考,这在IE9和IE10中有效吗?不适用于IE9,但不确定IE10。如果你想得到他们的支持,请看看这个。不错。我想试试这个。
div.container {
  display: flex;
  justify-content: center;
  align-items: center;
}