問題タブ [margin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
92044 参照

html - z-index を使用した Div 上の Div

HTML に次の div があります。

それは私の体の中に直接あります。

次の CSS を使用します。

基本的に、背景画像を表示する Div があり、この上に透明な別の Div を作成します。この現在のコードは機能しますが、コンテンツ div を上から下に移動しようとしているときに問題が発生します。

たとえば、 margin-top:100pxを追加すると、画像も下がります。同じz-index上になければ触れないと思った?マージンを追加すると、bgimage div も強制的に下げられるのはなぜですか?

また、コンテンツのクラスを絶対位置と zindex で div にしようとしましたが、これは中心になりません。これをどのように解決すればよいですか?

0 投票する
7 に答える
11860 参照

safari - CSS: Chrome と Safari は幅に境界線を「追加」しているように見えますが、IE、Firefox と Opera はそうではありません

Web サイトでブラウザ間の一貫性を実現しようとしています。

このページについてです: http://www[insert-dot-here]geld[insert-dash-here]surfen[insert-dot-here]nl/uitbetalingen.html (この URL は作成しない方がよいことに注意してください) seo-bot でクロール可能)

このページを IE、Firefox、Opera で表示する場合は問題ありませんが、Chrome と Safari では表が少しずれています (おそらくはっきりとわかるはずです)。

問題に見えるのは?

Chrome と Safari では、合計で左右の境界線 (2px) が設定されたテーブル幅に追加されますが、他のブラウザーでは境界線は幅の一部と見なされます。

(最も) 関連する CSS 行は次のとおりです (ファイルからtable.css、ページのソース ファイルからも入手できます)。

したがって、基本的には、次のようにテーブル構造を使用して画像を整理しました: (テーブルのクラスはuitbetaling)

table.uitbetalingここで、との幅をtable.uitbetaling img, table.uitbetaling td同じ値 (例: 両方496または498) に設定すると、Chrome と Safari の「問題」は解決されますが、Firefox では右側の境界線が空白になります。右側の境界線がもう「収まらない」ためです。Firefox で表示される右枠よりも少なくとも 2 ピクセル狭くする必要がありますimgtdtable.uitbetaling

これを解決する方法はありますか?

0 投票する
5 に答える
16633 参照

vim - vimで行番号の余白の間隔を広げるにはどうすればよいですか?

vimの配色に問題があります:

代替テキスト
(出典:tinygrab.com

行番号がコードに近すぎます。行番号の右マージンの幅を増やすにはどうすればよいですか?

0 投票する
3 に答える
107 参照

css - 単純な CSS の高さの問題

基本的なレイアウトを作成しようとしていますが、高さを自動調整するのに苦労しています。上部要素と下部要素にパディングが正しく追加されていないため、DIV コンテナーに問題があります。一番上のブロックのサイズである必要がありますが、現在はメニュー ブロックです。

何か案は? Webサイト

0 投票する
6 に答える
11544 参照

css - Body Margin:0、Div Width:FFとChromeでは100%の問題、IEでは問題ありません

頭から髪を引っ張り始めています...

私は次のものを持っています:

これはIEで機能し、100%幅、Hスクロールバーなしの素晴らしいdivを生成します...

ChromeとFFでは、ウィンドウより1px広く、Hスクロールバーが発生します...

何故ですか?代わりに何を使用する必要がありますか?

どうもありがとう!アルバート

編集:

div {マージン:0;を追加しました }頭に、幅を削除しました:100%、それはうまくいきました、ありがとう。

0 投票する
3 に答える
369 参照

html - 浮動要素が親に含まれていないため、margin-bottom の問題が発生しています

そうです、ページのセクションがあります:

およびdiv は左authorabbrフロートされます。これらのdiv のarticleそれぞれは、兄弟から 5px ほど離す必要があります。ただし、authordiv は、div の技術的な「高さ」を超えています。floatmargin-bottomによってスペースが占有されているため、 は何もしていませんauthor

これはちょっとイメージしにくいのでサーバーに置いてみました。

親を強制的にすべての浮動要素と少なくとも同じ高さにする方法はありますか?

誰かが私が言っていることを理解しているなら、ありがとう。

0 投票する
1 に答える
2179 参照

java - Java 印刷を使用する場合、用紙の余白を取得するにはどうすればよいですか?

ペイントされたグラフィックスを含む JPanel を印刷しようとしています (paintComponent をオーバーライドします)。グラフィックが大きすぎて 1 ページに収まらないため、複数ページにまたがらせています。私の問題は、ユーザーに呼び出して pageFormat/Paper タイプを選択させると、次のようになるという事実にあります。

JPanel クラスで print() メソッド (Printable を実装) を書いているとき、余白をつかめないのですか? 私は、正しい左上隅 (0;0) で描画を開始するように使用graphics.translate(pageFormat.getImageableX(), pageFormat.getImageableY());し、余白を考慮します (つまり、(80; 100) などから開始します)。しかし、それはユーザーの希望を否定するので、私がしたくない下と右の余白の上に印刷されます。

これは、参考として私の print() メソッドのコードです。これは、ユーザーに用紙を設定させない場合 (代わりにデフォルトを使用) に正常に機能します。

0 投票する
2 に答える
1441 参照

css - ポジショニングのCSS負のマージン

ポジショニングに負のマージンを使用しても大丈夫ですか?私は現在のサイトにたくさんあり、物事を配置するためのそれほど安定した方法ではないと感じています。私は通常それらも使用することをお勧めします。

たとえば、3つのdivが重なっているチェックアウトページがあります

(A、B、C)は、互いに重なり合って表示されます。私はこれを使用して行いました:

div Bで、divAの下部に一致します。

topこれは良い習慣ですか、それともとを使用して再コーディングしleftますか?

0 投票する
1 に答える
1023 参照

silverlight - Silverlightとデータバインドプロパティアニメーション(マージン)

あるクラスのStartDate(DateTime)プロパティにバインドされたMarginプロパティを持つBorder要素があります。プロパティが変更された場合、マージンも変更されます(コンバーターの助けを借りて)。

できるだけスムーズに変更したいです。たとえば、UI側では、データクラスの1時間は画面上の15ピクセルに相当し、StartDate +/- 1時間を変更すると、要素のマージンが左右に+/-15ピクセルジャンプすることがわかります。これをアニメートしますか?

前もって感謝します!

ところで-これはここでの私の最初の質問です:)

0 投票する
0 に答える
485 参照

vsto - VSTOを使用してPowerPointでリスト項目の間隔の前後に段落を取得/設定する方法

私は PowerPoint VSTO アドインに取り組んでおり、リスト アイテム間の余白を取得する必要があります。PowerPoint インターフェイスでは、個々の段落を右クリックして段落を選択し、[間隔] セクションで [前] または [後] の値を調整することで、この値を調整できます (PowerPoint 2007 の場合)。これは、段落がリストにないときに段落間の余白を編集するのと同じ場所です。コード側では、VSTO の Shape オブジェクトを使用して、Shape.TextFrame2.TextRange.Paragraph[index].ParagraphFormat.SpaceBefore プロパティをチェックアウトすることで、リストにない有効な値にアクセスできます。段落がリスト内にあり、前のスペースが 0 以外の場合にこのプロパティを使用すると、値として常に .2 が含まれます。Shape.TextFrame.TextRange... プロパティを使用しても役に立ちません。