0

ここにあります：http：//jsfiddle.net/sd1212/awHkT/2/

ボタンの間にスペースがあり、私はそれを望んでいません。パディングをなくすためにfirebugを使用しました。レイアウトクラスは次のとおりだと思いました。

 x-inner x-toolbar-inner x-layout-hbox

したがって、CSSファイルに次のように記述します。

.x-inner x-toolbar-inner x-layout-hbox
{
   padding: 0 !important;
}

何も起こらなかった。

誰かが私を助けることができますか？

前もって感謝します

4

1 に答える 1

2

ここでいくつか間違っている

CSS構文

.x-inner x-toolbar-inner x-layout-hbox間違った構文です。

あなたがこのようなものを持っているなら

<div class="x-inner">
  <div class="x-toolbar-inner">
    <div class="x-layout-hbox">

次に、使用します：

.x-inner .x-toolbar-inner .x-layout-hbox

また

.x-inner > .x-toolbar-inner > .x-layout-hbox

あなたがこのようなものを持っているなら：

<div class="x-inner x-toolbar-inner x-layout-hbox">

次に、使用します：

.x-inner.x-toolbar-inner.x-layout-hbox

.x-inner.x-toolbar-innerx-layout-hboxにパディングなし

これらのCSSクラスを使用してdivを調べると、Firebugでパディングが定義されていないことがわかります。したがって、再度0に設定しても、何も変更されません。

ボタン間のスペースを削除します

ただし、ボタンには次のように定義されたパディングとマージンが設定されています。

.x-toolbar .x-button {
  margin: 0 .2em;
  padding: .3em .6em;
  height:2.2em // of whatever you want
}

したがって、このクラスを変更する場合は、このクラスをオーバーライドする必要があります

最後になりましたが、SenchaTouchCSSクラスをオーバーライドしないでください

Sencha Touch CSSクラスをオーバーライドしないclsでください。ツールバーの属性を次のように使用してください：

cls:'my-toolbar',

そして、このようなものに：

.my-toolbar .x-button {
  margin: 0;
  padding: 0;
  height:2.2em // of whatever you want
}

お役に立てれば

于 2012-07-19T23:58:21.720 に答える