Html Can'；t居中元素，因为文字环绕将父元素的宽度设置为100%

我对包装文本有问题

我希望项目的内容居中（我已使用

调整内容：居中；

）

但是当文本换行时，我希望文本向左对齐

但是，当文本换行时，父元素的宽度自动为100%。因此，虽然文本是左对齐的，但内容似乎没有居中，因为它不能以100%的宽度居中

我希望这是有道理的

任何帮助都会很好

下面是我的问题：

.container{
宽度：300px；
保证金：0自动；
}
.项目{
宽度：50%；
浮动：左；
背景：#e3；
利润率：10px0；
填充：20px；
框大小：边框框；
显示器：flex；
证明内容：中心；
}

你好1
你好2
你好3
你好4
你好5
你好，但时间更长！

此代码工作正常

.container{
宽度：300px；
显示器：flex；
柔性包装：包装；
证明内容：中心；
保证金：0自动；
}
.项目{
弹性基准：50%；
背景：#e3；
利润率：10px0；
填充：20px；
框大小：边框框；
显示器：flex；
对齐项目：居中；
文本对齐：居中；
证明内容：中心；
}
跨度{
显示：块；
宽度：80%；
背景：红色；
文本对齐：左对齐；
身高：100%；
}

你好1
你好2
你好3
你好4
你好5
你好，但时间更长！

我认为，这里的问题或多或少与此相同-您希望内联元素缩小到文本内容所需的最小宽度。（使用

display:table caption

的解决方案在这里似乎不起作用，不确定在这种情况下是否可行。）删除flex并使用文本对齐：center@doğukan抱歉，我想我的问题可能会让人困惑。我希望跨距居中，但文本内容要左对齐。问题是，换行符会导致最后一项的跨度为全宽。意思是居中不起作用，因为它不能居中。我希望我的跨度宽度是内容的宽度。我认为这是一个包装问题，但我真的不明白所有其他的改变都是不必要的。

text align:center

起作用。是的，但看我的代码固定了

hello 5

列和

hello的高度，但更长而且要更改的结构更灵活对不起，我想我的问题可能会让人困惑。我希望跨距居中，但文本内容要左对齐。问题是，换行符会导致最后一项的跨度为全宽。意思是居中不起作用，因为它不能居中。我希望我的跨度宽度是内容的宽度。我认为这是包装问题，但我真的不明白。我编辑了我的答案