Css 将文本对齐到div中

我的float div只包含文本，我想在中间垂直对齐它

HTML:

---

但它不起作用，我怎样才能修复它？这里有一个

您可以使用

显示：表格单元格以完成此操作。像这样：

HTML:

可以使用
显示：表格单元格以完成此操作。像这样：

HTML:

可以使用
显示：表格单元格以完成此操作。像这样：

HTML:

可以使用
显示：表格单元格以完成此操作。像这样：

HTML:

使用
显示：表格单元格
和
垂直对齐：中间
：）

使用
显示：表格单元格
和
垂直对齐：中间
：）

使用
显示：表格单元格
和
垂直对齐：中间
：）

使用
显示：表格单元格
和
垂直对齐：中间
：）

您可以使用文本对齐属性而不是垂直对齐，然后使用“中心”作为值

简而言之：

  div {
       text-align: center;
  }

您可以使用文本对齐属性代替垂直对齐，然后使用“中心”作为值

简而言之：

  div {
       text-align: center;
  }

您可以使用文本对齐属性代替垂直对齐，然后使用“中心”作为值

简而言之：

  div {
       text-align: center;
  }

您可以使用文本对齐属性代替垂直对齐，然后使用“中心”作为值

简而言之：

  div {
       text-align: center;
  }

如果您只有一个单词或一小行文本，您可以简单地使用以下CSS：

div {
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
    float: left;
    border: 1px solid blue;
}

将
行高
设置为与
高度
相同，然后应用
垂直对齐：中间
，如果只有一行文本，效果很好

请参见演示：
如果您只有一个单词或一行短文本，您只需使用以下CSS即可：

div {
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
    float: left;
    border: 1px solid blue;
}

将
行高
设置为与
高度
相同，然后应用
垂直对齐：中间
，如果只有一行文本，效果很好

请参见演示：
如果您只有一个单词或一行短文本，您只需使用以下CSS即可：

div {
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
    float: left;
    border: 1px solid blue;
}

将
行高
设置为与
高度
相同，然后应用
垂直对齐：中间
，如果只有一行文本，效果很好

请参见演示：
如果您只有一个单词或一行短文本，您只需使用以下CSS即可：

div {
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
    float: left;
    border: 1px solid blue;
}

将
行高
设置为与
高度
相同，然后应用
垂直对齐：中间
，如果只有一行文本，效果很好

请参见演示：
我忘了在我的代码中有一个
浮点：left
您的代码无法使用它，请删除
文本对齐：居中然后，无需浮动，因为默认情况下文本是左对齐的。我只是想让它垂直和水平居中。这就是你想要的吗？我更新我的问题。。。不，我必须绝对保持div为float:left，因为它只是我的大代码的一小部分。除非在包含div的部分上设置静态宽度，否则没有理由将其浮动。即使您是，它也可以正常工作，请参见此处：我需要使用float div的解决方案。我忘记在我的代码中有一个
float:left
您的代码不能使用它，只需删除
文本对齐：居中然后，无需浮动，因为默认情况下文本是左对齐的。我只是想让它垂直和水平居中。这就是你想要的吗？我更新我的问题。。。不，我必须绝对保持div为float:left，因为它只是我的大代码的一小部分。除非在包含div的部分上设置静态宽度，否则没有理由将其浮动。即使您是，它也可以正常工作，请参见此处：我需要使用float div的解决方案。我忘记在我的代码中有一个
float:left
您的代码不能使用它，只需删除
文本对齐：居中然后，无需浮动，因为默认情况下文本是左对齐的。我只是想让它垂直和水平居中。这就是你想要的吗？我更新我的问题。。。不，我必须绝对保持div为float:left，因为它只是我的大代码的一小部分。除非在包含div的部分上设置静态宽度，否则没有理由将其浮动。即使您是，它也可以正常工作，请参见此处：我需要使用float div的解决方案。我忘记在我的代码中有一个
float:left
您的代码不能使用它，只需删除
文本对齐：居中然后，无需浮动，因为默认情况下文本是左对齐的。我只是想让它垂直和水平居中。这就是你想要的吗？我更新我的问题。。。不，我必须绝对保持div为float:left，因为它只是我的大代码的一小部分。除非在包含div的部分上设置静态宽度，否则没有理由将其浮动。即使是这样，它也可以正常工作，请看这里：我需要一个带有float div的解决方案。