竖排文字CSS width:min-content；

直接上代码

<style>
.text {
	width: min-content;
	padding:10px;
	background:red;
}
</style>
<div class="text">新春快乐</div>

按照MDN官方文档所讲，min-content是一个尺寸关键字，中文内容而言文字会全部换行，英文的长度大小不会超过最长单词宽度。

顺便查了一下，硬换行和软换行，这俩概念优点生僻，头一次看见, 下面从某位大佬哪里粘贴来的：“硬换行在文本的换行点处插入了实际换行符，而软换行的文本实际上仍在同一行，但看起来它被分成了几行，例如word-break:break-all让长英文单词就属于软换行。”

讲道理读完了我也还是不知道软换行和硬换行有什么用，什么时候用😂，等大佬们赐教