Html 在桌面和移动设备css上使用单词空间定位文本

它在桌面设备上工作得很好，但我希望手机能把每一句话都写在一个专栏里。我如何使用css制作它？我不想使用flex或其他模块。

.hero\uu字幕{
字距：5em；
}

一些文本用于测试。另一个测试文本。另一个测试文本。

使用媒体查询为不同的设备进行不同的显示。如果您不知道媒体查询，只需搜索一点，它只适用于给定的像素。或者，您可以使用js将给定字符串拆分为单词或句子，甚至打印在不同的H1标记中。或带有自定义类的标记。取决于你的想象力

你为什么不想使用flex？@MasterYoda在我的例子中是用户输入。所以划分成块是不舒服的。我知道，我只是想不把文本划分成句子和不同的标签。但我认为没有这样的方法。在js或css中，当你表现出不同时，你会告诉它。如果你想让它与众不同。必须使用后端语言或js。js可以帮你很多。但你也可以做到这一点。给孩子们一个div。这些孩子将包含你想要的句子。并将css提供给父级。然后只需使用媒体查询将css提供给父级的子级。给我！重要的是要结束每一个css，让css理解它必须做，而不是家长的css