如何在 td 中旋转文本并使其居中？

Question

我想这样做 这个 ，但我不能够做到这一点。

我知道如何旋转文本：

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

但我不知道如何让它在单元格的中心对齐。

你可以帮帮我吗？

Answer 1

尝试使用此代码片段，这就是您需要的文本垂直和水平居中的内容吗

.text_div {
	width:100px;
	height:200px;
	background:#999;
	float:left;
	text-align:center;
	display:table;
}
.text_div p {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	display:table-cell;
	vertical-align:middle;
}

<div class="text_div">
	<p> rotate text </p>
</div>