我想在這個(gè)表格中居中對齊垂直文本，但它在Firefox上不起作用。(它在Chrome上運(yùn)行良好)。

你有想法讓它以火狐為中心嗎？

table{width: 100%;}
table td{border:solid 1px #333}
.ver td{
writing-mode: vertical-rl;
vertical-align: middle;
padding:5px;
}

<table>
<tbody>
<tr><td>1</td><td>2</td><td>3</td></tr> 
<tr class="ver"><td>this is a test</td><td>this is a test</td><td>this is a test</td></tr> 
<tr><td>1</td><td>2</td><td>3</td></tr> 
<tr><td>1</td><td>2</td><td>3</td></tr>
</tbody> 
</table>

您可以使用行高:

table {
        width: 100%;
    }
    table td {
        border:solid 1px #333
    }
    .ver td {
        --width: 400px; /*width of the item*/
        width: var(--width);
        writing-mode: vertical-rl;
        text-align: center;
        line-height: var(--width);
        padding:5px;
    }

確保該值等于元素的高度，以便文本垂直居中對齊。

要進(jìn)一步探索，請看這里。