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/