問題：對寬高不定的塊級元素設(shè)置絕對定位居中后，元素中的文本并沒有撐滿父容器，反而自動換行了，代碼如下：
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: 80px;
}
效果如下：
捕獲1.PNG
答案：搜索后發(fā)現(xiàn)了這個問題下的回答，https://segmentfault.com/q/1010000003485291試了下發(fā)現(xiàn)，原來如此。
簡而言之就是，transform: translate(-50%, -50%);是一個二維變換，它只是一個渲染效果，而不是布局本身，去掉transform后發(fā)現(xiàn)，文本已經(jīng)碰到了body的邊緣，所以才會換行，如圖：
捕獲2.PNG
想要文本不換行，可以設(shè)置white-space: nowrap;
