rotation 相关问题

我正在使用 HTML 创建网格。我为每行、每列和对角线都有标签。特别是，我希望标签文本与网格边缘对齐，因此较大的 num... 我正在使用 HTML <table> 创建网格。我为每行、每列和对角线都有标签。特别是，我希望标签文本与网格边缘对齐，以便较大的数字向外扩展。这是我想要实现的粗略设计：我正在努力在 CSS 中实现对角线和垂直标签的这项工作。我尝试了 text-align、vertical-align 和 transform 规则的不同组合。我想出了一个使用 display: inline 和 position: absolute 的工作示例： .number-vertical { display: inline; position: absolute; transform: translateX(-100%) translateY(-50%) rotate(90deg); transform-origin: 100% 50%; } .number-diagonal { display: inline; position: absolute; transform: translateX(-100%) translateY(-50%) rotate(45deg); transform-origin: 100% 50%; } .number-other-diagonal { display: inline; position: absolute; transform: translateX(-100%) translateY(-50%) rotate(-45deg); transform-origin: 100% 50%; } .number-horizontal { text-align: right; } .cell-rotated-center { text-align: center; vertical-align: bottom; height: 6ch; } .cell-rotated-right { text-align: right; vertical-align: bottom; } .number-input { width: 4ch; height: 4ch; text-align: center; } <table> <tbody> <tr> <td class="cell-rotated-right"> <div class="number-diagonal"> <span>10</span> </div> </td> <td class="cell-rotated-center"> <div class="number-vertical"> <span>72</span> </div> </td> <td class="cell-rotated-center"> <div class="number-vertical"> <span>720</span> </div> </td> <td class="cell-rotated-center"> <div class="number-vertical"> <span>100000</span> </div> </td> </tr> <tr> <td> <div class="number-horizontal"> <span>36</span> </div> </td> <td> <input class="number-input" type="text" value=""> </td> <td> <input class="number-input" type="text" value=""> </td> <td> <input class="number-input" type="text" value=""> </td> </tr> <tr> <td> <div class="number-horizontal"> <span>360</span> </div> </td> <td> <input class="number-input" type="text" value=""> </td> <td> <input class="number-input" type="text" value=""> </td> <td> <input class="number-input" type="text" value=""> </td> </tr> <tr> <td> <div class="number-horizontal"> <span>360000</span> </div> </td> <td> <input class="number-input" type="text" value=""> </td> <td> <input class="number-input" type="text" value=""> </td> <td> <input class="number-input" type="text" value=""> </td> </tr> <tr> <td class="cell-rotated-right"> <div class="number-other-diagonal"> <span>5000</span> </div> </td> </tr> </tbody> </table>

html css rotation

回答 1 投票 0

Android 多个（旋转）搜索栏布局

我的问题是关于多个旋转搜索栏。我想到的想法是制作一个正方形的搜索栏，值从 0 到 5，其中搜索栏 1 的值 5 接触搜索栏 2 的值 0，依此类推。找到安卓了：

android rotation seekbar

回答 1 投票 0

骰子旋转的最小次数

你好，我正在编码代码战争挑战并卡住了。有个问题：您将获得一系列 6 面骰子。每个骰子都由其代表面朝上。计算所需的最小旋转数...

javascript rotation dice

回答 1 投票 0

将Godot 4中的characterBody3D与圆柱体或其他网格的表面对齐（类似于F-零X运动）

我正在尝试创建一个玩家可以移动的角色Body3D，我希望它能够像 F-zero-X 中那样围绕圆柱体旋转。有人在使用装备时已经解决了这个问题...