css - 如何在 jQuery Mobile 中右对齐翻转切换开关

Question

翻转开关如何在 jQuery 移动 ListView 中右对齐？

这是我正在使用的:http://jsfiddle.net/bthj/ry799/

可以看到开关贴在左边的标签上，但我想把它放在右边，以便更好地利用狭窄移动屏幕上的空间。

在开关周围的 div.ui-slider 上设置“float:right”不起作用，然后开关会浮出 ListView 。

Answer 1

这应该可以解决问题。现场示例:http://jsfiddle.net/tw16/ry799/1/

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    display: block;
    padding: 0.9em 75px 0.9em 15px;
}
div.ui-slider-switch {
    position: absolute;
    right: 0;
    width: 44%;
}