将新元素浮动到CSS中现有元素的左侧

Question

我有一个输入字段，它在表单元素中向左浮动。当用户按下(逗号(时，将创建一个标记。我希望每个标记都显示在输入字段的左侧。然而，即使我将它们浮动到左侧，在按下逗号后出现的标记也会显示在输入字段的右侧。

如何确保将标记添加到输入字段的左侧？是否可以更改输入元素的顺序，使其看起来像是在标记之后添加的？

Answer 1

在这种情况下，将它们向左浮动是不起作用的。

您可以将其覆盖为父级div，并在其上使用display:flex并反转其方向，这样新元素将位于左侧而不是右侧。

.parent{
display: flex;
flex-direction: row-reverse;
}