問題タブ [width]

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 に答える
125644 参照

html - 入力タイプの幅=テキスト要素

これを行うとどうなりますか:

入力は IE6 と FF3 の両方で div よりも 2 px 広くなりますか? 私は何が欠けていますか?

編集: 多くの人が言っているように、国境が問題です。入力に ​​border: 0px を設定すると、境界が 0 px の div と同じ幅になります (境界のある SPAN 内にラップすることで確認されます)。

ただし、ペイントで要素を測定すると、div の内部は 14 ピクセルで、予想どおり (10+2+2) です。ただし、入力には 16 ピクセルの内部があり、その外側に境界線があります。どうしてこれなの?IE6 と FF3 の両方で発生するため、おそらくバグではありませんが、私には理解できません。

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

html - 2番目の要素に水平方向のスペースの残りを取得させる方法

最初の入力の幅を100%にし、2番目の+ image = 100%にして、2番目の入力が同じ行の残りのスペース(100%-imgサイズ)を取得できるようにします。CSSを使用して行うことは可能ですか?

p>

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

wpf - DataBinding 値を使用してコントロールの幅を更新する (WPF)

ユーザー コントロールと関連するビュー モデルを作成しました。ビュー モデルのプロパティ「DisplayName」と「TimeIntervalLength」は、ユーザー コントロール ビュー DataBinding に表示されます。ビュー モデルのこれらのプロパティに応じて、コントロールの幅を更新したいと考えています。幅は「TimeIntervalLength」にする必要がありますが、少なくとも「DisplayName」にする必要があります。「OnPropertyChanged」をオーバーライドしようとしましたが、これは機能しません。さらに、オーバーライドする適切なイベントが見つかりませんでした。

前もって感謝します。

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

css - Width of Headers (H1, H2 etc)

I want my headers (h1 through h6) to have a background colour (different to that of the page background), I also want the width of this background to be the same as the width of the text in the header, plus padding (Not the width of the container that the header is in, which is what is happening now).

There isn't much point in me showing you any code as this is fairly simple (or it should be anyway!). The container is a fixed width. Right now I have just some margins, padding, background colour and font styling set for the h1, h2, h3 etc tags.

EDIT: I guess code would help! https://web.archive.org/web/20090724165158/http://adriantrimble.com/headers (this has Gerald's solution applied, although obviously this would still not work in IE6/7 and still has problems in newer browsers). Using display:inline causes more problems than it solves, using float: left and clear: left as mentioned has problems because of the 2 column layout. Thanks for everyones help so far.

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

css - CSSで細字を作る

CSS で Arial ライクなフォントの文字幅を縮小するにはどうすればよいですか?

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

width - 幅 100% のヘッダーでブラウザーがいっぱいにならない

ブラウザー ウィンドウが小さくて水平スクロール バーが必要な場合、右にスクロールすると、ヘッダーの背景色がブラウザーの端の手前で終了します。私はcssクラスを使用しています。

のコンテンツは、<div class="s_header">その下の 4 列のテーブルほど幅が広くありません。コンテンツの合計は、画像幅 + パディングと 140 ピクセルの固定幅の列で約 840 ピクセルになります。したがって、ブラウザ ウィンドウが 840px 未満の場合、水平スクロール バーが表示されますが、スクロールするとヘッダーの背景が切り取られます。

の親要素<div class="s_header">は body と html で、100% 幅はウィンドウの幅を意味します。私はオーバーフローを含めようとしました:.s_header成功せずにクラスに表示されます.

ボディ幅も100%マージン0に設定

スクロールバーが表示されたときに背景を右側に拡張する簡単な方法はありますか?

問題ページはこちら

どんな提案でも大歓迎です。

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

apache-flex - Flex でカスタム リスト itemrenderer の幅を制限する

カスタム itemrenderer を使用して写真のリストを表示していますが、幅を制御する方法を知る必要があります。現時点ではこれを行います:

なんでこんなに広いの?
(出典: tdwright.co.uk )

あなたが同意すると確信しているように、これは目が出血するほど醜いです.

リストは次のように作成されます。

itemrenderer コンポーネントは次のようになります。

たくさんの場所に width="100%" を配置しようとしましたが、成功しませんでした。誰かが私がこれを制御する方法を知っていれば、私はとても感謝しています.

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

css - css: IE での入力の幅とパディングの問題

IE のすべてのバージョンで、input[text] フィールドの幅に問題があります。

明示的に幅が 250px に設定された div があります。この div には、幅が 100% に設定された入力テキスト フィールドがあります。この入力には、10px の内部左パディングもあります。

IE では、幅を 100% + 10px としてレンダリングします。コンテナーの幅を制限する手法がわかりません。

この問題は最初はすべてのブラウザで発生しましたが、FF、Safari、Chrome では max-width:100% を追加することで簡単に修正できました。IE6/7 はこれをサポートしていませんが、IE8 はサポートしていますが、それでも幅にパディングが追加されます。

IE のボックス モデルには幅の計算にボーダーとマージンが含まれていることを理解しています。

また、入力幅をパディングで 240px に設定するよりも良い解決策を見つけようとしています。このフォームにはさまざまな入力があり、コンテナのサイズが異なり、普遍的な解決策を見つけたいからです。

ここにいくつかのコードがあります:

CSS

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

html - クリップボード経由で HTML テーブルを Excel にインポートする

表形式のデータをアプリから Excel にコピーしたいと考えています。これまでに見つけた最も簡単な方法は、HTML を中間フォーマットとして使用することでした。この質問を読んだ後、データのフォーマットを保持できました。列の幅も維持する方法はありますか? 私はさまざまな方法でスタイルを設定しようとしました:

しかし、役に立たない。何か案は?

おまけとして、エクセルのHTMLの「フォーマット」の説明があるところはありますか?

[編集] 更新: 転送タイプ「XML スタイルシート」をダンプする小さなツールを作成しました。これは自己完結型の XML ドキュメントです。列幅も含まれます。しかし、簡単なテストでは、2 つのテーブル間でカット アンド ペーストを行った場合でも、Excel が列幅を完全に無視することがわかりました。

[EDIT2] 方法を見つけました。貼り付けると、ツールバーの貼り付けボタンのような小さなアイコンが右下隅に表示されます。ここで、いくつかのオプションを選択できます。1つは「ソーステーブルの幅を維持する」です。

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

wpf - コンテキスト メニューの幅を変更するとレンダリングが低下する

私がやりたかったのは、 の幅に制限された幅を持つ をContextMenuon にすることだけです。どうやらそれは多すぎるようです。を開き、のサイズを小さくしてから再度開くと、すべて問題ありません (が小さくなります)。を(たとえば 100 から 200 に) 増やすと、も (200 に) 増加しますが、前の(100)のみがレンダリングされます。コードで自分自身を変更し、代わりに使用しましたが、値は問題ないように見えますが、コンテキスト メニューのレンダリングは貧弱です。ButtonButtonContextMenuButtonWidthWidthContextMenuWidthWidthWidthActualWidth