Question

我有文本字段列表，其中我只想将一个字段移动到右边，我已经使用过但只是将文本框向右移动而没有标签。我们可以在没有CSS帮助的情况下进行操作。

<tr align="right">
<td  oraLabel="mrId" class="oraLabel oraTableLabel"><label  for="mrId">
</label></td><td  class="oraNormal oraTableData"><input id="mrId"
class="oraInput" oraField="mrId">
</td>
</tr>

Answer 1

你可以看看

方向（如果设置为单行则不起作用。除非重置显示）

tr[data-direction="right"] {
display:table;/* can only be set on table nowdays, not a single row ! */
direction: rtl; 
}

[data-direction="right"]>* {
 direction:ltr;
}
table, td {
 border:solid 1px;
 }

<table>
  <tr data-direction="right">
    <td oraLabel="mrId" class="oraLabel oraTableLabel">label<label for="mrId">
</label></td>
    <td class="oraNormal oraTableData"><input id="mrId" class="oraInput" oraField="mrId">
    </td>
  </tr>
  <tr>
    <td oraLabel="mrId" class="oraLabel oraTableLabel"><label for="mrId2">label
</label></td>
    <td class="oraNormal oraTableData"><input id="mrId2" class="oraInput" oraField="mrId2">
    </td>
  </tr>
</table>

或转换

tr[data-direction="right"] {
  transform:scale(-1,1)
}

[data-direction="right"]>* {
  transform:scale(-1,1)
}

<table>
  <tr data-direction="right">
    <td oraLabel="mrId" class="oraLabel oraTableLabel">label<label for="mrId">
</label></td>
    <td class="oraNormal oraTableData"><input id="mrId" class="oraInput" oraField="mrId">
    </td>
  </tr>
  <tr>
    <td oraLabel="mrId" class="oraLabel oraTableLabel"><label for="mrId2">label
</label></td>
    <td class="oraNormal oraTableData"><input id="mrId2" class="oraInput" oraField="mrId2">
    </td>
  </tr>
</table>

注意：如果您不想使用类或任何其他已知属性，则可以创建DOM和CSS可以访问/过滤的有效属性。 data-attribute

如何将一个字段向右移动到其他许多字段中

1 个答案: