問題：對寬高不定的塊級元素設(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;
