我是 CSS 新手。 我实际上试图在一行中显示三个 div，其中一个元素位于页面左侧，第二个元素位于页面中间，第三个元素位于页面右侧。 这是我的脚本
<!DOCTYPE html>
<meta charset="utf-8">
<style>
#name {
color: black;
display: inline;
}
#group {
color: black;
display: inline;
float: right;
}
#cent {
color: black;
display: inline;
}
</style>
<div id="name" style="color: #000000;">EXAMPLE</div>
<div id="group" style="color: #000000;">GROUP</div>
<div id="cent">TEST</div>
这里，输出应该是
EXAMPLE TEST GROUP
但是输出显示在
EXAMPLE TEST GROUP
谁能帮我解决这个 .TIA
最佳答案
试试Flexbox Demo 2 Demo 3 Browser Support
.content {
display: flex;
justify-content: space-between;
}<div class="content">
<div id="name">EXAMPLE</div>
<div id="group">GROUP</div>
<div id="cent">TEST</div>
</div>关于html - 在一行的中心获取一个div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35208856/