Html 我试图将标题居中，然后在同一行的右侧有一个按钮

。标题{
文本对齐：居中；
显示：内联；
}
.按钮{
显示：内联块；
背景色：黑色；
颜色：白色；
}

标题
按钮

您是否尝试过：

div {
display: flex;
flex-flow: wrap row;
justify-content: center;
align-items: center;
width: 90vw; 
}

button { 
justify-self: flex-end;
}

**按钮可能需要“对齐自：柔性端；” ***我假设这只是因为它在堆栈溢出上，但尝试给出与元素名不同的类名。如果你必须甚至btn是不同的ish。 ****这是我的手机关机了，所以我还没有测试代码，但它应该可以工作

您是否尝试过：

div {
display: flex;
flex-flow: wrap row;
justify-content: center;
align-items: center;
width: 90vw; 
}

button { 
justify-self: flex-end;
}

**按钮可能需要“对齐自：柔性端；” ***我假设这只是因为它在堆栈溢出上，但尝试给出与元素名不同的类名。如果你必须甚至btn是不同的ish。

---

****这是我的手机，所以我还没有测试代码，但它应该可以工作

使用

float:right

将按钮对齐在正确的位置，并使用父div中的

text align

将标题文本置于中间

.headBar{
背景色:"828282 ;；
文本对齐：居中；
}
.标题{
显示：内联；
}
.按钮{
显示：内联块；
背景色：黑色；
颜色：白色；
浮动：对；
右：10px；
顶部：10px；
位置：相对位置；
}

标题
按钮

使用

float:right

将按钮对齐在右侧位置，并使用父div中的

text align

使标题文本居中

.headBar{
背景色:"828282 ;；
文本对齐：居中；
}
.标题{
显示：内联；
}
.按钮{
显示：内联块；
背景色：黑色；
颜色：白色；
浮动：对；
右：10px；
顶部：10px；
位置：相对位置；
}

标题
按钮

您可以通过

文本对齐：居中

到

div

而不是

。heading

和

float：右至
。按钮
，如下所示：


div{
文本对齐：居中；
}
.标题{
显示：内联；
}
.按钮{
显示：内联块；
背景色：黑色；
颜色：白色；
浮动：对；
}

标题
按钮
您可以通过
文本对齐：居中
到
div
而不是
。heading
和
float：右至
。按钮
，如下所示：


div{
文本对齐：居中；
}
.标题{
显示：内联；
}
.按钮{
显示：内联块；
背景色：黑色；
颜色：白色；
浮动：对；
}

标题
按钮
必须使用float right将按钮与标题对齐。要将按钮对齐到中心，必须在封闭div中包含文本align:center，而不是在标题类中。下面的代码解决了您的问题


。新建{
文本对齐：居中；
}
.标题{
显示：内联；
}
.按钮{
显示：内联块；
背景色：黑色；
颜色：白色；
浮动：对；
}

标题
按钮
必须使用float right将按钮与标题对齐。要将按钮对齐到中心，必须在封闭div中包含文本align:center，而不是在标题类中。下面的代码解决了您的问题


。新建{
文本对齐：居中；
}
.标题{
显示：内联；
}
.按钮{
显示：内联块；
背景色：黑色；
颜色：白色；
浮动：对；
}

标题
按钮
为什么不使用flex？为什么不使用flex？