jquery - 我怎样才能使单选复选框向任何方向移动@media - css

Question

我正在使用 wordpress，我的求职板上有复选框的 CSS 代码。我希望这些复选框在移动设备上向屏幕右侧移动。

原因:在 iPhone 上，我的复选框与其他内容重叠，我希望拉开距离。

单选复选框为的工作板:https://hughesjobs.net/jobs-3

**您会在我的求职板上看到复选框作为类别。

CSS 代码:

 .wpjb input[type=checkbox],
 .wpjb input[type=radio] {
  display: inline;
  margin: 0;
  padding:0 ;
  box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;

Answer 1

根据你的描述，我不太明白你需要什么。但我建议将它们显示为等宽的列和行。

@media (max-width: 480px) { 

    #wpjb-top-search ul {
        padding-top: 10px;
    }

    #wpjb-top-search ul li {
        margin: 1% 0;
        float: left;
        width: 33.33%;
        word-spacing: normal;
    }

}