html - 响应式设计 css dom 元素操作

Question

我有一个包含输入元素和标签元素的 div 字段。都是display: block

<div class="cf-full">
    <input id="a" >
    <label class="helptext"</label>
</div>

因此在普通 View 中，输入字段将排在第一位。但是，我希望布局具有响应性，这样在移动设备中标签将排在第一位。

我知道这种 DOM 操作可以通过 javascript 轻松实现。但是有没有办法通过纯css实现DOM元素倒序呢？

Answer 1

这行得通

div {
    display:table;
}
input {
    display:table-footer-group;
}
label {
    display:table-header-group;
}

http://jsfiddle.net/v8xTC/