5

次のようなコードがあります。

 <button class="prikazi_pretragu">Napredna Pretraga</button>​

およびCSS:

button {
  display:inline;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  float: right; 
  clear: both; 
  padding: 0 50px 5px 5px; 
  text-align: left; 
  margin: 0 0 10px 0; 
  border: none; 
  background: url('../img/resursi/advsearch_plus.png') no-repeat 0 -28px rgba(0,0,0,.09);
  font-size: 14px; 
  height: 28px;
  text-align: right
}​

text-align動かない。何が問題ですか？

http://jsfiddle.net/KjGBW/1/

4

2 に答える 2

16

それは働いています。右揃えです（幅を明示的に設定していないため、まったく無意味です）。右側に 50px のパディングがあるため、左側に配置されているように見えます。

padding: 0 50px 5px 5px;

値は、右上、左、この順です。

に設定しますpadding: 0 5px 5px 5px;

また、幅を 300px に設定すると、右揃えではっきりと表示されます。

http://jsfiddle.net/thebabydino/KjGBW/5/を参照してください- パディングを変更し、幅を追加しました。これで、右に配置されていることがはっきりとわかります。

于 2012-05-24T12:29:58.510 に答える