HTML如何在旋转后修复宽度?

时间:2018-03-17 13:02:46

标签: html html-table rotation

我想根据文字制作盒子大小。

代码



•rotate { 
-moz-transform: rotate(90.0deg);
 -o-transform: rotate(90.0deg ); 
-webkit-transform: rotate(90.0deg ); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
width:10px
}
</style> 
<title>Page Title</title>
</head> 
<body>
   <table id="t01" >
   <tr>
      <th width="90px">11-1</th>
      <th width="90px">11-2</th>
      <th width="90px">11-3</th>
      <th width="90px">11-4</th>
      <th width="90px">11-5</th>
      <th width="15px"></th>
      <th></th>
   </tr>
   <tr>
      <td align="center"› - </td> <td align="center"› - </td> <td align="center"› Pyccioin </td> 
      <td align="center" style="background-color:Grey;"> 01.13KyAbT </td>
      <td align="center" style="background-color:Grey;"> 01.13KyAbT </td>
      <td align="center">1</td>
      <td rowspan="8" id.'rotate' width="10px">Douelienbum</td>
   </tr>
&#13;
&#13;
&#13;

我已经包含了我的输出显示的图像,但我不想要这个 问题图片

enter image description here

1 个答案:

答案 0 :(得分:0)

旋转表格单元格时,您需要设置height而不是width

#rotate {height: 10px;}