問題タブ [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 投票する
2 に答える
3574 参照

css - Internet Explorer でのテーブル colspan の相対的な幅の問題

簡単な水平グラフを生成するためにテーブルを使用します (スケーリングを容易にするため)。colspanning を使用して正確なオーバーラップを取得します (セルが互いにオーバーラップすることもありますが、この例ではそうではありません)。

私の問題は、IE(8) が相対的なセル幅を間違ってレンダリングすることです。

セルがコンテンツよりも小さくなることはありませんが、それはここでは問題ではありません。

たとえば、例の「X 65」セルは、IE の 47% よりもかなり広くなります。しかし、Firefoxはうまくやっています。

次に例を示します。

div や行ごとに個別のテーブルなどの他の手法を試しましたが、重複を正確に取得するための唯一の手法は colspanning でした。

別の解決策は、サーバー上で画像をレンダリングすることですが、スケーリングが失われ、かなり時間がかかります。

どんな助けでも大歓迎です。

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

html - 'width'はテキストエリアに適用できますか?

CSS'width'プロパティは適用でき<textarea>ますか?

実際には、たとえば次のようなルールを使用して、正常に使用すると言われます。

私を混乱させているのは、幅のCSS2.1仕様が次のように言っていることです。

このプロパティは、ブロックレベルの要素と置換された要素によって生成されるボックスのコンテンツ幅を指定します。このプロパティは、置換されていないインラインレベルの要素には適用されません。

たとえば、このようなマークアップのため、textareaはインラインレベルの要素だと思いました...

...は、の左右にテキストを含む単一の段落ブロックを作成します。<textarea>したがって、仕様によれば、幅は適用されません。

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

css - CSS レイアウト - 動的幅 DIV

私は伝統的にテーブルを使用して解決してきたかなり一般的なレイアウトの問題を抱えていますが、CSS でそれを解決するためのアドバイスが欲しいです。「コンテナ」を構成する3つの画像があります。通常、左と右の画像はタグを使用して表示されるだけで、中央の画像は「背景画像」として表示され、その上に私のコンテンツが表示されるため、コンテンツがコンテナー内にあるように見えます。 /これを100万回使用:

これの良いところは、テーブルの幅が常にブラウザー (または親) の幅であり、コンテンツが動的にサイズ変更される中央の列で、左右の画像間の残りのスペースを占めることです。

私が望むのは、ハードコードされた情報をできるだけ少なくして、CSS を使用してこれを再作成することです。だから、このようなもの:

これは、中央の div を受け入れるのに最適です - 幅を設定するにはどうすればよいですか? 現時点では、たとえば 92% などにハードコーディングできますが、スペースを自動で埋めたいと思っています。CSSだけでできますか?

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

jquery - $(this).css("width") が Safari のアンカー タグで機能しない

私は CSS セレクターを使用して、Web テンプレート用のカスタム ポップアップを生成しています。このアプローチのメリットに興味がありますが、jquery が Safari のアンカーの CSS で定義されている幅と高さを取得できないように見える理由を理解したいと考えています。

参照: http://f1shw1ck.com/jquery_sandbox/csspops.html

私の質問の要点:

セレクターa.popup {width: 800px;height: 560px;}とアンカーの<a href="http://www.metmuseum.org/toah/hd/apol/hd_apol.htm" class="popup">African Rock Art: Apollo 11 Cave Stone (c. 25,500 - 23,500 BCE)</a>理由は

Safariで両方のプロパティがゼロとして返されますか?

他のブラウザでの onclick ポップアップ アラート: toolbar=no,directories=no,location=no,resizable=yes,menubar=no,scrollbars=yes,status=no,width=800px,height=560px,top=20,left =240

Safari のアラート: ツールバー=いいえ、ディレクトリ=いいえ、場所=いいえ、サイズ変更可能=はい、メニューバー=いいえ、スクロールバー=はい、ステータス=いいえ、幅=0px、高さ=0px、上=20、左=640

理解を助けてくれてありがとう。

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

jquery - $(this).css(”width”) を _正しく_ Safari で計算する

今日この質問をしましたが、正解を出すのが早すぎたと思います。Safariでjqueryを使用してアンカー要素のcssの長さと幅を取得する方法を理解しようとしています。しかし、「0」が返され続けます。これは、CSS がレンダリングされる前に JavaScript が起動しているためであると言われました。これは、Webkit ブラウザーの癖です。

元のページは次のとおりです: http://f1shw1ck.com/jquery_sandbox/csspops-orig.html

ただし、CSS を取得する前に、すべてが完全にレンダリングされるまで待機するように jquery に指示する小さなテストを作成しました。http://f1shw1ck.com/jquery_sandbox/csspops.html

セレクター用

とhtml

ページが完成するまで待ってから、それらの寸法を取得します。

「0」がSafariでまだ返されていることを除いて。私はこれを間違った方法で行っていますか、それとも他の原因がありますか?

ありがとう!

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

sql-server - 既存の列幅に影響を与えずに列データ型を変更する方法

nvarcharに変更する必要があるデータ型varcharの既存の列がありますが、(5)の既存の列幅を変更したくありません。

次のステートメントを使用する場合

ALTER TABLE MYTABLE ALTER COLUMN MYCOLUMN NVARCHAR(5)NOT NULL

最終的にnvarcharデータ型の列になりますが、列幅は(10)です。

列幅を指定せずに次のステートメントを試してみると

ALTER TABLE MYTABLE ALTER COLUMN MYCOLUMN NVARCHAR(5)NOT NULL

次に、幅が(2)のnvarchar列になります。

既存の列幅に影響を与えずに、列のデータ型をvarcharからnvarcharに簡単に変更するにはどうすればよいですか?

ありがとうございました!

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

c# - Is there a way to determine the width and height of a WPF Window before showing it?

I am trying to center a WPF Window on the current position of the mouse cursor. Getting the mouse coordinates is no problem, but I need to determine the width and height of the window in order to calculate the offset for setting the 'Left' and 'Top' properties.

Is there a way to determine the width and height of a window before showing it (calling the 'Show' method)?

I have 'SizeToContent' set to true on my window so that the content determines the actual window size. I have already tried calling 'Measure' and was expecting this to set 'DesiredSize' but it didn't.

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

apache-flex - バインドされた dataProvider の内容が変更されたことに基づいて Flex 3 ComboBox の幅を調整するにはどうすればよいですか?

Flex 3 では、次のような MXML コンポーネント内に ComboBox を作成しました。

親 MXML アプリケーションで、choices プロパティの内容を変更しています。

バインディング、ComboBox が実行時に追加された新しいコンテンツを自動的に取得するという点で機能していますが、その幅は調整されていませんComboBox の最初の幅は、コンポーネントで宣言された最初の項目 "All" のみを表示するのに十分な幅です。ただし、「カリフォルニア」を表示できるように、バインド中に ComboBox のサイズが自動的に変更されることを期待していましたが、そうではありません。

dataProvider に幅の広い新しいラベルを追加した後、ComboBox の幅を更新するにはどうすればよいですか? ありがとうございました!

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

javascript - JavaScript / onorientationchangeを使用して、iPhoneでSafariのスケール/幅/ズームをリセットします

bodyタグのonorientationchange呼び出しを使用して、ユーザーが電話をどのように持っているかによって、異なるコンテンツを表示しています。これはうまく機能します-私は一方のdivを非表示にし、もう一方を表示します。

ポートレートモードのdivは、最初のロードで見栄えがします。私はこれを使用して適切なスケール/ズームを取得します:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />

ポートレートモードのコンテンツがオーバーオーバーしても、幅は正しく、ユーザーは下にスクロールできます。横向きモードでの表示も完璧です。ただし、横向きモードのコンテンツでユーザーが下にスクロールする必要がある場合、ユーザーが縦向きモードに戻ると、画面はいわば「ズームアウト」されます。これは、ユーザーが横向きモードで下にスクロールしたかどうかに関係なく発生します。

画面のスケール/ズーム/幅を正しくするためにさまざまなことを試みましたが、うまくいきませんでした。これを行う方法はありますか?

前もって感謝します!

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

cocoa-touch - 文字列のピクセル幅の測定

CocoaTouchで文字列のピクセル幅を測定する必要があります。誰かがこれを行う方法を説明するリンクを私に指摘できますか?