对宽高不定的块级元素设置绝对定位居中后，元素中的文本并没有撑满父容器，反而自动换行了，代码如下：
html部分：
<body>
<div>IT'S NICE TO MEET YOU</div>
</body>
css部分：
div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
}
transform: translate(-50%, -50%);是一个二维变换，它只是一个渲染效果，而不是布局本身，去掉transform后发现，文本已经碰到了body的边缘，所以才会换行，如图：
想要文本不换行，可以设置white-space: nowrap强制一行显示即可
扫一扫
695
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
