html - 入力幅は100％-20px

Question

これは不可能だとは思いますが、他に効果を出す方法はないかと思います。

以下のjsfiddleを見ると、入力がコンテナの94％で中央に配置されていることがわかります。これは問題なく機能しますが、実際に必要なのは、入力の両側に10pxのマージンがあることです。

誰か助けてもらえますか？

score 3 · Accepted Answer

3

これを試してくださいhttp://jsfiddle.net/hRrVv/

于 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