-1

送信ボタンのスタイルを設定しましたが、中央に配置したいと考えています。CSSは次のとおりです。

.outer {
    text-align: center;
}

/* BUTTONS */

.buttons button{
cursor: pointer;
cursor: hand;
border: 0;
height: 28px;
float: left;
text-indent: 4px;
text-decoration:none;
font-weight: bold;
text-transform: uppercase;
font-size: 1.2em;
background: url(../images/button.png);
}

.buttons span{ /* Right-hand corner */
cursor: pointer;
cursor: hand;
display: block;
width: 5px;
height: 28px;
float: left;
background: url(../images/button.png) top right;
}

html は次のとおりです。

<div class="outer">
   <div class="buttons">
      <button type="submit">SUBMIT</button><span></span>
   </div>
</div>

このコードをhttp://www.scottking.com.au/blog/2009/03/custom-styled-css-html-input-buttons/#.Uc2IYdjcAixからコピーしました

これまでのところ、このボタンを中央揃えにすることはできませんでした。

4

6 に答える 6

0

これを .buttons に追加します

.outer .buttons { margin: 0 auto; }
于 2013-06-28T14:48:20.590 に答える
0

投げる

 div.buttons {
    text-align: center;
 }

そこで。

于 2013-06-28T14:48:47.343 に答える