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 回答
0

将按钮显示设置为“网格”

button{
   display: grid;
}
于 2020-07-19T14:11:33.917 回答