无法将文本居中 HTML/CSS
Cannot center text in HTML/CSS
问题是（您可以在下面的图片中看到）"doner"、"Wallet" 和 "Amount" 没有在页面上居中。
我试过更改边距和填充以及移动 divs 等，但似乎没有任何效果，我不明白哪里出了问题或如何解决它。 （很难在代码片段中看到，因为它不是全屏的，所以我只是给 HTML here 一个 link）
我唯一能找到的问题是当我检查 google chrome 上的元素时。当我将鼠标悬停在 <div class="container">（div class="learn-more"> 下面的那个）上时，它显示 div 容器在右侧更宽，但我找不到原因！
感谢您的帮助！如果您需要任何说明，请询问，我在网上找不到任何可以解决我的问题的东西，所以我来了。
这也是我的意思的图片：
将您想要居中的内容放在 div 喜欢
<div class="box">your content...</div>
在您的 css 文件中添加：
.box{
display:inline-block;
position:relative;
left:50%;
transform:translateX(-50%);
}
您还可以为您的 3 个标题使用 float left，并为三个标题设置相同的宽度和高度 text-center proprety
您的代码的根本问题是标记。您正在使用 Bootstrap 并将一些 div 直接放入容器中，然后将另一个容器放入此 div 中。明白我的意思：
以下是第 3 个 Bootstrap 文档中的前三个规则，您在构建 HTML 时应该遵循：
- 行必须放在 .container（固定宽度）或
.container-fluid（全宽）用于正确对齐和填充。
- 使用行创建水平列组。
- 内容应放在列中，并且只能是列
行的直接子代。
因此，我的建议是修改您的 HTML 布局并按预期使用 Bootstrap 而不是应用一些技巧。
从重新排列容器开始，将内容放在列内，所有包装器都在容器外或列内。
问题是（您可以在下面的图片中看到）"doner"、"Wallet" 和 "Amount" 没有在页面上居中。
我试过更改边距和填充以及移动 divs 等，但似乎没有任何效果，我不明白哪里出了问题或如何解决它。 （很难在代码片段中看到，因为它不是全屏的，所以我只是给 HTML here 一个 link）
我唯一能找到的问题是当我检查 google chrome 上的元素时。当我将鼠标悬停在 <div class="container">（div class="learn-more"> 下面的那个）上时，它显示 div 容器在右侧更宽，但我找不到原因！
感谢您的帮助！如果您需要任何说明，请询问，我在网上找不到任何可以解决我的问题的东西，所以我来了。
这也是我的意思的图片：
将您想要居中的内容放在 div 喜欢
<div class="box">your content...</div>
在您的 css 文件中添加：
.box{
display:inline-block;
position:relative;
left:50%;
transform:translateX(-50%);
}
您还可以为您的 3 个标题使用 float left，并为三个标题设置相同的宽度和高度 text-center proprety
您的代码的根本问题是标记。您正在使用 Bootstrap 并将一些 div 直接放入容器中，然后将另一个容器放入此 div 中。明白我的意思：
- 行必须放在 .container（固定宽度）或 .container-fluid（全宽）用于正确对齐和填充。
- 使用行创建水平列组。
- 内容应放在列中，并且只能是列 行的直接子代。
因此，我的建议是修改您的 HTML 布局并按预期使用 Bootstrap 而不是应用一些技巧。
从重新排列容器开始，将内容放在列内，所有包装器都在容器外或列内。