Css 使文本在绝对定位块中居中

HTML:

div的宽度和高度是动态的，由javascript事件更改。我的目标是使

+

符号显示在div的中心，无论它如何变化。我想知道这是否可以仅仅通过CSS来实现

---

jsFIDLE:

以下是IE8的标准方式+

。悬停内容{
位置：绝对位置；
显示：无；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
div:悬停。悬停内容{
显示：块
}

+

以下是IE8的标准方式+

。悬停内容{
位置：绝对位置；
显示：无；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
div:悬停。悬停内容{
显示：块
}

+

以下是IE8的标准方式+

。悬停内容{
位置：绝对位置；
显示：无；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
div:悬停。悬停内容{
显示：块
}

+

以下是IE8的标准方式+

。悬停内容{
位置：绝对位置；
显示：无；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
div:悬停。悬停内容{
显示：块
}

+

通过将

悬停内容

元素显示为表格，并将其中的跨度显示为表格单元格，您将获得所需的结果：

.hover-content{position:absolute;display:none}
div:hover .hover-content{display:block}

---

下面是一个实时示例：

通过将

悬停内容

元素显示为表格，并将其内部的跨度显示为表格单元格，您将得到所需的结果：

.hover-content{position:absolute;display:none}
div:hover .hover-content{display:block}

---

下面是一个实时示例：

通过将

悬停内容

元素显示为表格，并将其内部的跨度显示为表格单元格，您将得到所需的结果：

.hover-content{position:absolute;display:none}
div:hover .hover-content{display:block}

---

下面是一个实时示例：

通过将

悬停内容

元素显示为表格，并将其内部的跨度显示为表格单元格，您将得到所需的结果：

.hover-content{position:absolute;display:none}
div:hover .hover-content{display:block}

---

下面是一个活生生的例子：

这个（）是否回答了你的问题？这个（）是否回答了你的问题？这个（）是否回答了你的问题？这个（）是否回答了你的问题？不支持ie8+1，尽管：）添加了注释重新支持。IE9也需要-ms-前缀，safari（以及其他一些）仍然需要-webkit-前缀。请记住，转换不会更改元素在流中的实际位置（在本例中不是问题）。在我的实际情况中，转换似乎是一个更好的解决方案，不支持ie8+1，尽管：）添加了注释重新支持。IE9也需要-ms-前缀，safari（以及其他一些）仍然需要-webkit-前缀。请记住，转换不会更改元素在流中的实际位置（在本例中不是问题）。在我的实际情况中，转换似乎是一个更好的解决方案，不支持ie8+1，尽管：）添加了注释重新支持。IE9也需要-ms-前缀，safari（以及其他一些）仍然需要-webkit-前缀。请记住，转换不会更改元素在流中的实际位置（在本例中不是问题）。在我的实际情况中，转换似乎是一个更好的解决方案，不支持ie8+1，尽管：）添加了注释重新支持。IE9也需要-ms-前缀，safari（以及其他一些）仍然需要-webkit-前缀。请记住，转换不会改变元素在流中的实际位置（在本例中不是问题）