控制Flexbox HTML CSS中内容的宽度

我有一个

flexbox

，里面有图像和文本。出于某种原因，我无法在flexbox的

flexbox

中放置内容。这就像有

填充

，它不会让它过去。我不太清楚为什么内容不能进入这个区域

用黄色突出显示的部分是我不能放置任何东西的地方。如果它越过这个区域，它将直接进入下一条线。

我想让它伸展开来，因为现在，文本看起来太近了。我怎样才能做到这一点

/*图片标题和说明*/
#展示{
垫面：2米；
边框：实心。125em黑色；
显示器：flex；
柔性流动：包裹；
背景色：白色；
不透明度：0.9；
}
#显示>*{
弹性：15%；
填充：1em；
}
文章{
右边距：20em；
}
第h1条{
字号：2em；
文本对齐：居中；
}
第p条{
垫面：2米；
}

名字就在这里
我是孕妇，我是流苏。Donec vitae risus mauris。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。这是一个很好的例子。Morbi vitae nisl est。这只不过是普通门厅的一种生活方式。克拉斯·欧·奥古斯·埃尼姆。艾蒂安在康莫多·泰卢斯，在波苏尔·利古拉。多洛埃吉特的维瓦姆斯sem faucibus aliquet和直径。Mauris vel leo eget nulla pulvinar suscipit vitae eu sem。我是尼布，我是阿梅特·乌尔纳·农，我是弗林利亚·泰勒斯将军。这是老街上的一条小径，我的名字叫普尔维纳。Donec ligula ipsum，威尼斯的ultrices，ultrices ut enim。门静脉搏动，同侧不等长

您必须注意，您已在文章上设置了边距

问题可能在这里：

article{
    margin-right:20em;
}

---

这会将您的

文章

20em推离

显示屏的右端

。只需删除

页边距

并运行代码。

您必须注意，您已在文章上设置了页边距

问题可能在这里：

article{
    margin-right:20em;
}

---

这会将您的

文章

20em推离

显示屏的右端

。只需删除

边距

并运行代码。

即可解决问题，但随后文本就不合适了。请看上图，这是因为您告诉css将文章视为整个显示的50%。你的问题按上面的答案排序。但是，确保文本作为一个段落很好地捆绑在一起，这与文章的宽度大小有关。尝试在文章中添加填充。e、 g将箱子尺寸设置为垫块；并添加填充以压缩文本。类似于{框大小：padding block；padding:2em；}这篇文章解决了这个问题，但是文本不合适。请看上图，这是因为您告诉css将文章视为整个显示的50%。你的问题按上面的答案排序。但是，确保文本作为一个段落很好地捆绑在一起，这与文章的宽度大小有关。尝试在文章中添加填充。e、 g将箱子尺寸设置为垫块；并添加填充以压缩文本。就像文章{框大小：填充块；填充：2em；}