Html 在第一行显示两个项目，在下一行显示第三个项目

我试着在一行有两个项目，然后在下一行有第三个项目。我无意中发现了，但对于

input type=“text”

，答案不起作用。

输入在自己的行上，这导致每个元素都有自己的行

为什么它不工作，我怎么能在一行上有前两个元素，在第二行上有第三个元素




#包装器{
高度：70像素；
显示器：flex；
对齐项目：居中；
证明内容：中心；
柔性包装：包装；
}
#包装器>*{
弹性：1050%；
}
#包装器>*：最后一个子项{
弹性：01100%；
}

第一个文本
第三文本
我认为问题在于
input
元素上的默认边框和填充，因此您可以使用
框大小：边框框


*{
框大小：边框框；
}
#包装纸{
高度：70像素；
显示器：flex；
对齐项目：居中；
证明内容：中心；
柔性包装：包装；
}
#包装器>*{
弹性：1050%；
}
#包装器>*：最后一个子项{
弹性：01100%；
}

第一个文本
第三文本
输入

中断到下一行，因为它有一个由用户代理样式表应用的2px边框

要将

输入保持在第一行，可以指定：

input { border-width: 0; }


或

更改CSS框模型，使填充和边框成为宽度声明的一部分：

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}