Question

我打算让这个问题适用于所有观众。

问题：如何让居中的div相对于标题保持居中，同时还有另一个div同时放在一边而不是将居中的div推过去？

每当我添加到标题时，中心标题就会被推翻。我不明白为什么会发生这种情况，因为CSS应该是相对于父级的。

CSS代码：

 <div id='header'>
    <div id='centered'>Centered Title</div>
    <div id='logout_link'> Logout </div>
 </div>

PHP / HTML代码：

{{1}}

Answer 1

试试这个。

<style>
#header{
  width:100%;
  overflow:hidden;
}
#logout_link {
  margin-right:0;
  text-align:right;
  float:right;
  width:20%;
}

#centered { 
  text-align:center;
  width:80%;
  float:left;

}
</style>
 <div id='header'>
    <div id='centered'>Centered Title</div>
    <div id='logout_link'> Logout </div>
 </div>

您可以根据自己的要求更改div的width。

Answer 2

不太确定你在问什么，但试试这个：

#logout_link {
 margin-right:0;
 text-align:right;
 float:right;
 width: 100%;
}

#centered { 
 text-align:center !important;
 width:50%;
}

#logout_link { 
 text-align:center !important;
 width:50%;
}

我认为您遇到的问题是因为您没有指定任何宽度，如果这是您正在寻找的解决方案，请使用它们

中心文本被推到CSS上

2 个答案: