Question

目前想知道如何给右边一点空间，以便输入字段上的文字不会太靠近边缘。

@Override
public boolean onKeyDown(int keycode, KeyEvent e) {
    switch(keycode) {
        case KeyEvent.KEYCODE_MENU:
            doSomething();
            return true;
    }

    return super.onKeyDown(keycode, e);
}

因此，在键入时，文本会向右对齐，这很好，但是，我觉得它有点太靠近输入框的边框，并且想要稍微远离它。有什么想法吗？

Answer 1

只需在<input/>添加填充。

input { padding-right: 5px; }

<span class="test"><input type="text" max="100" accuracy="2" min="0" id="inputRRPDiscount" style="text-align:right;"> %</span>
<br>

奖金回答：

很奇怪有没有办法独特地使用输入键入而不是输入。例如.inputRRPDiscount .input？

您实际上可以通过多种不同的方式定位选择器。例如，通过任意HTML elements with specific attributes或任意数量的CSS selectors定位。以下是一些示例：input#inputRRPDiscount，input[accuracy="2"]，input[type="text"][max="100"]，span.test > input#inputRRPDiscount[min="0"]。

Answer 2

你只需添加一点填充，就像这样

input{
  padding-right: 5px;
}

<span class="test"><input type="text" max="100" accuracy="2" min="0" id="inputRRPDiscount" style="text-align:right;"> %</span>

Answer 3

为样式添加padding-right属性，定义像素数

<input type="text" max="100" accuracy="2" min="0" id="inputRRPDiscount" style="text-align:right;padding-right: 2px;">

无论如何，我建议你定义一个css类

<input type="text" max="100" accuracy="2" min="0" id="inputRRPDiscount" class="myInput">

在您的CSS中，您将拥有：

.myInput{
    text-align: right;
    padding-right: 2px;
}

Answer 4

可以使用padding完成此操作。

style="text-align:right; padding-right: 10px;"

Answer 5

将此添加到您的css：

input{
    text-align: right;
    padding-right: 5px;
}

当与输入字段右侧对齐时，文本太靠近边缘

5 个答案: