我想在一個& ltinput type = " text "/& gt；所以在場地的右邊有一些空白的地方。

因此，我得到的不是，而是。

所以，同樣的行為只是右邊有一些空白。

我已經(jīng)嘗試使用填充-權(quán)利，但似乎沒有做任何事情。

有沒有辦法做到這一點(diǎn)(或者造假)？

您可以像這樣為輸入提供填充:

HTML:

<input type=text id=firstname />

CSS:

input {
    width: 250px;
    padding: 5px;
}

然而，我還要補(bǔ)充一點(diǎn):

input {
    width: 250px;
    padding: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

調(diào)整框的大小使輸入寬度保持在250像素，而不是由于填充而增加到260像素。

供參考。

右填充在Windows上的Firefox/Chrome中適用，但在IE中不適用。歡迎來到不符合IE標(biāo)準(zhǔn)的奇妙世界。

參見:http://jsfiddle.net/SfPju/466/

超文本標(biāo)記語言

<input type="text" class="foo" value="abcdefghijklmnopqrstuvwxyz"/>

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

.foo
{
    padding-right: 20px;
}

右填充應(yīng)該可以。鏈接示例。

http://jsfiddle.net/8Ged8/

您可以解決這個問題，將輸入標(biāo)記放在一個div中， 然后將padding屬性放在div標(biāo)簽上。這是我的工作...

像這樣:

<div class="paded">
    <input type="text" />
</div>

和css:

.paded{
    padding-right: 20px;
}

我也有類似的問題，用右填充固定父容器的寬度幫我解決了這個問題(防止填充時改變輸入的大小)。