html - 输入宽度为 100% - 20px

Question

我知道这是不可能的，但我想知道是否有其他方法可以达到这种效果。

如果您查看下面的 jsfiddle，您会看到输入是容器的 94% 并且居中，这可以正常工作，但我真正想要的是输入在每一侧都有 10px 的边距。

有人可以帮忙吗？

score 3 · Accepted Answer

3

于 2012-08-28T12:57:47.807 回答

score 1 · Accepted Answer

从您的DIV 中删除宽度。.bottom像这样写：

.bottom{
    position: absolute;
    bottom: 0px;
    background-color: red;
    left: 10px;
    right:10px;
    text-align: center;
}

检查这个：小提琴

score 1 · Accepted Answer

如果可以的话，可以试试类似http://jsfiddle.net/4ugxk/24/

.bottom{
  position: absolute;
  bottom: 0;
  left:0; right:0;
  margin-left:10px;
  margin-right:10px;
}

score 0 · Accepted Answer

您可以在输入元素周围放置一个环绕跨度（或 div），并使用它来应用您想要的边距。您需要从标准输入框中删除默认样式（填充、边框等），并按照您希望输入出现的样式设置此包装元素的样式。

4 回答 4