位置绝对完整宽度，必要时

Question

我有一个带有“ position：absolute”的div，里面有一个标题。如果标题很长，即使div宽度可能增加，也会自动应用换行符。

我将属性的最大宽度设置为：100％，以便仅在达到100％时才将文本添加到行中。不幸的是，文本随机中断。

以下是绝对div的属性：

position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 1px);

The current rendering

您有解决方案吗？对不起，我的英语，我正在努力提高]

Answer 1

为您的div设置display: flex。顺便说一下，position: absolute与我建议的内容不符。或者，您可以尝试使div中的文本浮动，并且div应该具有overflow: hidden。