Question

我有以下代码：

.clickBut {
    left: 10px;            /*<<<NO IMPACT*/
    font-family: verdana;
    font-size: 9px;
    font-weight: bold;
    background-color: #ffa500 !important;
    border-radius: 100px;
}

.clickRadio {
    left: 200px;         /*<<<NO IMPACT*/
    font-family: verdana;
    left: 200px;
}
</style>
</head>
<input id="clickMe" type="button" value="Refresh|Reset" onclick="resetRefresh();" class="clickBut" />
<label>
    <input type="radio" name="mode" value="size" class="clickRadio" checked> Size</label>
<label>
    <input type="radio" name="mode" value="count" class="clickRadio"> Count</label>

我只是想知道如何将这些控件放在远离屏幕左上角的位置。我已经尝试在Left中使用css这两个类，但这没有效果。

Answer 1

为什么不使用margin-left或padding-left。如果他们不符合您的要求，请告诉我们

Answer 2

一种方法是将它们包装在div中并使用text-align属性

在右边显示它们：

<div style="text-align:right">
    <input id="clickMe" type="button" value="Refresh|Reset" onclick="resetRefresh();" class="clickBut" />
    <label>
         <input type="radio" name="mode" value="size" class="clickRadio" checked>
         Size
    </label>
    <label>
        <input type="radio" name="mode" value="count" class="clickRadio">
        Count
    </label>
</div>

在左侧显示：

<div style="text-align:left">
        <input id="clickMe" type="button" value="Refresh|Reset" onclick="resetRefresh();" class="clickBut" />
        <label>
             <input type="radio" name="mode" value="size" class="clickRadio" checked>
             Size
        </label>
        <label>
            <input type="radio" name="mode" value="count" class="clickRadio">
            Count
        </label>
    </div>

在屏幕上移动输入控件位置

2 个答案: