html - 必要时定位绝对全宽

Question

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

我设置属性 max-width: 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 中 float 并且您的 div 应该有 overflow: hidden。