2016-06-23 18 views
-2

私たちは、アプリケーションのボタンの横にヘッダーを置いていますが、ボタンの右側の余白が画面の端まで伸びているように見えます。これは、ボタンのmargin-rightプロパティが0に設定されているにもかかわらず発生しています。ボタンの右側にヘッダーを取得する方法についてのご提案はありますか?CSSマージンが長すぎます

This is a cropped view of Chrome developer tools

+2

「すべての提案」の質問には、トピックがありません。デバッグが可能であるという十分な情報を提供する必要があります。この場合、HTMLとCSS。 – isherwood

+0

問題を示すスニペットを投稿できますか?まあ、追いかけよう。ボタンの 'display'プロパティの値は何ですか? –

+0

ボタンをインラインで表示します。要素のボックスモデルのプロパティが強調表示される方法を見ると、 'block'要素があるように見えます。これをあなたのURLバーに貼り付け、要素を調べると、同じことが表示されます: 'data:text/html、' – UncaughtTypeError

答えて

3

あなたのボタンdisplay: inline-block;を与えます。

OR

あなたbtn-blockクラスを削除します。

+0

ボタンが表示されます:inline-block byデフォルトでは、それが問題であることが絶対に確かでない限り、これは答えではなくコメントであるはずです。 –

+0

投稿した内容に基づいて、表示:ブロックのように見えます。私は間違っている可能性がありますが、OPがより多くの情報を提供するまではわかりません。 –

+0

はい、早めに回答しないでください。推測は答えが何であるかではありません。 –

0

ブートストラップを使用していますか? btn-blockを取り除いて<div class="col-md-2"></div> &のボタンを押し、次に別のヘッダーを持つ<div class="col-md-10"></div>を入力します。

関連する問題