您好,我在一个表格中嵌套了多个表格,它在所有浏览器中都运行良好,但是当我旋转文本时,宽度比例在 Safari 和 FireFox 中不起作用,它在 IE9 中运行良好,我也注意到我是否其宽度增加了一个以上的单词!!
样式如下:
.V-text
{
padding: 0px;
color: #333; /* border: 0px solid red;*/
/*writing-mode: tb-rl;*/
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
white-space: nowrap;
display: inline-table;
font-weight: normal; /* vertical-align: bottom; bottom: 0; text-align: center;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
这是表格的一部分:
<table width="920px" border="0" >
<tr>
<td>
<table width="50px">
<tr style="height: 105px" valign="middle">
<td align="center" class="t-border" width="15px">
<div class="V-text">
text</div>
</td>
<td align="center" class="t-noborder" width="15px">
<div class="V-text">
text</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
其他没有轮换的 table 工作得很好。 我试过 style="table-layout:fixed"没有用,我很感激你的建议。
最佳答案
花了两天时间,我发现最好的解决方案是在表格的垂直部分使用图像,而不是尝试针对不同的浏览器修复它。
关于css - Safari 和 Firefox 中的嵌套表格 css,适用于 IE9,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12577718/