html - 如何在我的 div 中将文本居中?

标签 html css centering

<分区>

如何让 div id="tools"中的文本在我创建为导航栏的 div 中居中并均匀分布?

这是我的 CSS,HTML 是第二个

#learn {
  display: inline;
  background-color: white;
  font-size: 1.1em;
}
#sign {
  display: inline;
  background-color: white;
  font-size: 1.1em;
}
#find {
  display: inline;
  background-color: white;
  font-size: 1.1em;
}
#about {
  display: inline;
  background-color: white;
  font-size: 1.1em;
}
.toolnav {
  height: 50px;
  width: 1000px;
  background-color: white;
  border: 2px deepskyblue solid;
  border-radius: 15px;
  margin: auto;
  line-height: 50px;
  text-align:center;
}
<div class="toolnav">
  <div id="learn">Learn More</div>
  <div id="sign">Sign Up</div>
  <div id="find">Find a Task</div>
  <div id="about">About Yanoe</div>
</div>

最佳答案

尝试将其添加到您的 CSS 中

.toolnav {

text-align:center;

}

这将使您的文本位置居中。

关于html - 如何在我的 div 中将文本居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32041547/

相关文章:

html - 如何在 CSS 中设置一个特定的 SVG 路径的样式?

html - 您如何确定网站建立在什么技术之上?

html - 我想将流体图像在容器内垂直居中,以便它看起来放大/缩小

android - 如何在android中将webview内容居中

javascript - 当我切换另一个元素时,如何使跨度正确对齐?

CSS Hack 以 Firefox 3.5+ 为目标?

html - 在没有图像的情况下,如何显示以下箭头?

c++ - 为什么 QSplashScreen 在显示时不居中?

javascript - 子 div 对齐父 div 的中心并溢出?

javascript - 如何将链接绑定(bind)到我可以使用 Jquery 操作的按钮