16

私はMaterial-UIの AppBar コンポーネントを使用しましたが、うまく動作しますが、余裕があり、誰もが回避策を持っています。マージンを取り除く必要があります。

4

8 に答える 8

10

次のようにプロパティを渡すことで、 material-uiコンポーネントにカスタム スタイルをいつでも指定できます。style

<AppBar style={{ margin: 0 }}/>

これにより、デフォルトのルート要素スタイルがオーバーライドされます。変更したいプロパティが子コンポーネントにある場合、特定のプロパティmaterial-uiが公開されていなければ、CSS を使用して設定する必要があります。

本文のマージンを削除すると、問題も解決します

body {
  margin: 0;
}

ただし、通常は CSS リセットを使用して、次の CSS スニペットを統合して、このようなエラーが発生しないようにする必要があります。

*, *:after, *:before {
  box-sizing: border-box;
  font: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
于 2016-01-15T19:34:11.217 に答える
1

トリック {{ margin }} がうまくいかなかったので、この css http://meyerweb.com/eric/tools/css/reset/を使用してみました。

私にとって完璧に機能します

于 2016-07-03T21:46:32.943 に答える
-1

左上のアプリ バーを次のように修正します

 <AppBar
          position="static"
          color="inherit"
          style={{ position: 'fixed', top: 0 , left : 0,  margin: 0}}
        >
于 2018-08-23T11:13:36.847 に答える