7
使用CSS将旋转文本垂直居中
我有以下HTML： <div class="outer"> <div class="inner rotate">Centered?</div> </div> div.outer是一条狭窄的垂直条。div.inner旋转90度。我想要文本“居中吗？” 出现在其容器div的中心位置。我不知道任何一个div的大小。 这很接近：http : //jsfiddle.net/CCMyf/2/。您可以从jsfiddle中看到，在transform: rotate(-90deg)应用样式之前，文本在垂直方向居中，但是在应用样式之后，文本有些偏移。div.outer短时尤其明显。 是否可以在不预先知道任何大小的情况下将文本垂直居中？我还没有找到transform-origin解决该问题的任何方法。