html - 如有必要，定位绝对全宽

Question

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

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

以下是绝对 div 的属性：

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

当前渲染

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

标签： htmlcsscss-positionline-breaks

Answer 1

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