Html 将文本居中悬停

我的文本悬停有问题。 当我将文本悬停在右侧时，它会将悬停强制到左侧，并产生闪烁效果

有没有办法使悬停居中

HTML

---

演示-

我不确定您为什么给出了

float:left

作为不删除和重要的选项。这就是原因。如果您确实需要

float:left

，请执行以下操作：

p {
  float: left; /* Important */
  text-align: center;
  width: 100%;
}

有效的代码片段

p{
浮动：左；
文本对齐：居中；
宽度：100%；
}
.复制{
光标：指针；
文本对齐：居中；
}
.地址：悬停p.复制范围{
显示：无；
}
.地址：悬停p.副本：之后{
内容：“复制”；
颜色：#fff；
背景#80bdf7；
边界半径：3px；
字体大小：12px；
填充：4px；
}

文本

我不确定您为什么将

float:left

视为不删除且重要。这就是原因。如果您确实需要

float:left

，请执行以下操作：

p {
  float: left; /* Important */
  text-align: center;
  width: 100%;
}

有效的代码片段

p{
浮动：左；
文本对齐：居中；
宽度：100%；
}
.复制{
光标：指针；
文本对齐：居中；
}
.地址：悬停p.复制范围{
显示：无；
}
.地址：悬停p.副本：之后{
内容：“复制”；
颜色：#fff；
背景#80bdf7；
边界半径：3px；
字体大小：12px；
填充：4px；
}

文本

尝试清除浮动，然后使div成为一个全宽的块，以适合页面。这将允许您使用文本对齐在页面上居中放置div。如果你想把中间拷贝放在SPAN文本所在的中间，你可以让宽度的跨度文本的大小，这可以通过使跨度和P相同的宽度来实现。

p{
浮动：左；/*重要*/
}
.复制{
光标：指针；
文本对齐：居中；
}
.地址：悬停p.复制范围{
显示：无；
}
.地址：hover p{
清除：左；
显示：块；
宽度：100%；
文本对齐：居中；
}
.地址：悬停p.副本：之后{
内容：“复制”；
颜色：#fff；
背景#80bdf7；
边界半径：3px；
字体大小：12px；
填充：4px；
}

文本

尝试清除浮动，然后使div成为一个全宽的块，以适合页面。这将允许您使用文本对齐在页面上居中放置div。如果你想把中间拷贝放在SPAN文本所在的中间，你可以让宽度的跨度文本的大小，这可以通过使跨度和P相同的宽度来实现。

p{
浮动：左；/*重要*/
}
.复制{
光标：指针；
文本对齐：居中；
}
.地址：悬停p.复制范围{
显示：无；
}
.地址：hover p{
清除：左；
显示：块；
宽度：100%；
文本对齐：居中；
}
.地址：悬停p.副本：之后{
内容：“复制”；
颜色：#fff；
背景#80bdf7；
边界半径：3px；
字体大小：12px；
填充：4px；
}

文本

p {
  float: left; /* Important */
  text-align: center;
  width: 100%;
}