Html 无法将多行文字与容器的中间对齐
我是css新手,所以我没有办法创建容器(div)的文本中心 我的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;">
<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;
}