必要时定位绝对全宽

Question

我有一个带有“位置：绝对”的 div 和一个标题。 如果标题很长，即使 div 宽度可能会增加，也会自动应用断线。

我设置了属性 max-width: 100% 以便只有当我们达到 100% 时才会将文本添加到行中。 不幸的是，文本随机中断。

以下是绝对 div 的属性：

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

当前渲染

你有解决方案吗 ？ 对不起我的英语，我正在努力改进它

Answer 1

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