Javascript 将文本居中放置在圆圈内&；fadeToggle不工作

这是我的第一个问题。因此，如果我没有遵守发布问题的规则，请告诉我。：）

[问题1] 我试图通过阅读以下帖子来解决文本以圆圈为中心的问题：

然而，我无法解决我的问题。我想把圆圈中的文本移动到圆圈的中间，使文本水平和垂直地位于圆圈的中心

[问题2] 单击“测试”按钮后会显示隐藏的圆圈。但是，再次单击按钮后，圆圈不会消失

如果有人能给我一个建议，我会非常感激的！：）

解决了的！

---

• 这个问题不是重复的，因为我想在使用translate（）时将文本居中，但却被“fadeToggle（）”和“：hidden with fadeIn（）”之间的用法弄糊涂了

$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（）{
$（“.options:hidden”）.fadeToggle（）；
});
});
正文{
字体系列：“可怜的故事”，无衬线；
}
#试验{
光标：指针；
显示：块；
文本对齐：居中；
位置：绝对位置；
显示器：flex；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
}
.选项{
背景#f7f7f5；
显示：无；
文本对齐：居中；
垂直对齐：中间对齐；
位置：绝对位置；
宽度：100%；
左：50%；
最高：50%；
边界半径：50%；
边框样式：实心；
边框颜色：#F3C78D；
宽度：60px；
高度：60px；
字体大小：12px；
}
.选项范围{
颜色：#000000；
文本对齐：居中；
垂直对齐：中间对齐；
位置：绝对位置；
宽度：100%；
}
#选择1{
转换：转换（-100%，-150%）；
}
#选择2{
转换：翻译（-160%，-40%）；
}
#选择3{
转换：翻译（-50%，50%）；
}
#选择4{
转化：翻译（60%，-40%）；
}
#选择5{
转换：翻译（15%，-150%）；
}

测试
你好
世界
再见

你好吗？
好的
可以
添加此css代码

top: 50%; 
left: 50%; 
transform: translateX(-50%) translateY(-50%);

至
。选项span
至文本中心，问题1

从jquery语句中删除
：hidden
，以解决问题2


$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（）{
$（“.options”）.fadeToggle（）；
});
});
正文{
字体系列：“可怜的故事”，无衬线；
}
#试验{
光标：指针；
显示：块；
文本对齐：居中；
位置：绝对位置；
显示器：flex；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
}
.选项{
背景#f7f7f5；
显示：无；
文本对齐：居中；
垂直对齐：中间对齐；
位置：绝对位置；
宽度：100%；
左：50%；
最高：50%；
边界半径：50%；
边框样式：实心；
边框颜色：#F3C78D；
宽度：60px；
高度：60px；
字体大小：12px；
}
.选项范围{
颜色：#000000；
文本对齐：居中；
垂直对齐：中间对齐；
位置：绝对位置；
宽度：100%；
最高：50%；
左：50%；
转化：translateX（-50%）translateY（-50%）；
}
#选择1{
转换：转换（-100%，-150%）；
}
#选择2{
转换：翻译（-160%，-40%）；
}
#选择3{
转换：翻译（-50%，50%）；
}
#选择4{
转化：翻译（60%，-40%）；
}
#选择5{
转换：翻译（15%，-150%）；
}

测试
你好
世界
再见

你好吗？
好的
可以

$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（）{
$（“.options”）.fadeToggle（）；
});
});
正文{
字体系列：“可怜的故事”，无衬线；
}
#试验{
光标：指针；
显示：块；
文本对齐：居中；
位置：绝对位置；
显示器：flex；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
}
.选项{
背景#f7f7f5；
显示：表格；
文本对齐：居中；
垂直对齐：中间对齐；
位置：绝对位置；
宽度：100%；
左：50%；
最高：50%；
边界半径：50%；
边框样式：实心；
边框颜色：#F3C78D；
宽度：60px；
高度：60px；
字体大小：12px；
}
.选项范围{
显示：表格单元格；
颜色：#000000；
垂直对齐：中间对齐；
}
#选择1{
转换：转换（-100%，-150%）；
}
#选择2{
转换：翻译（-160%，-40%）；
}
#选择3{
转换：翻译（-50%，50%）；
}
#选择4{
转化：翻译（60%，-40%）；
}
#选择5{
转换：翻译（15%，-150%）；
}

测试
你好
世界
再见

你好吗？
好的
可以
duplicate of:duplicate of:在jquery代码中，只需删除
：hidden
，它就会重复：这个问题不是一个重复的问题，因为我想在使用translate（）时将文本居中，并混淆了在“fadeToggle（）”和“：hidden with fadeIn（）”之间使用。