問題タブ [elasticlayout]

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

html - DIV に親の親から「em」値を継承させる方法

特定のオブジェクトのエラスティック レイアウトの "em" 値は、オブジェクトの親に対して相対的であることは誰もが知っています。たとえば、次のようになります。

<div id="div1" style="font-size:1em;">
<p>Hello</p>
<div id="div2" style="font-size:0.5em;">
<p>Hello</p>
<div id="div3" style="font-size:0.5em;">
<p>Hello</p>
</div>
</div>
</div>

しかし、下位の DIV の em 値を「リセット」したり、チェーンの上位の親からその値を取得したりすることは可能ですか?

基本的に、ネストされた DIV がいくつかあり、内側の DIV の 1 つにドキュメント独自の em 値を使用する必要があります。DIV の親の 1 つがすでに小数値を使用しているため、1em の使用は適切ではありません。

前もって感謝します

サイモン

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

distortion - 弾力性のあるレイアウトの問題

誰かが助けてくれるなら、私はそれを大いに感謝します!

emsを使用して弾力性のあるWebサイトを構築しましたが、何らかの理由で、ユーザーがブラウザーをズームインまたはズームアウトすると、完全に歪んでしまいます。

私が参照しているウェブサイトへのリンクはwww.newstylesignsusa.comです。そして、これがテンプレートのcssです。残りのページのcssには、emsのすべての測定値も含まれています。私はこれで私が得ることができるどんな助けにも本当に感謝します。ありがとうございました!

CSS:

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

css - CSS - エラスティック レイアウト、1 流体 + 1 固定列、中央揃え

この CSS の課題には、本当に困惑しています。これが私がやろうとしていることです...

  • 柔軟なレイアウトを持っている (つまり、コンテナは最大幅: 1200px 最小幅: 960px)
  • コンテナを中央揃えにします。
  • ここで、左側の列は流動的で、弾性制約で可能な限り高い幅に拡張されます。
  • 右側の列は200pxに固定されています

誰でも私を啓発できますか?

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

c# - ASP.NET の非同期 ajax イベントで 1 行の JavaScript を実行する

ASP.NET サイトで Elastic CSS フレームワークを使用しています。UpdatePanel が部分的なポストバックを実行するまで、私が持っているさまざまなコンテナーのサイズを調整する素晴らしい仕事をしています。私が理解している解決策は、次のJavaScript行を実行することです

C# と ASP.NET はかなり得意ですが、JavaScript はあまり得意ではありません。私が理解しているように、RegisterStartupScript はスクリプトを登録するだけで、それを実行するにはまだコントロールが必要です。

では、カスタム コントロールがカスタム例外をキャッチして部分的なポストバックが発生したときに、この 1 行の JavaScript を実行するにはどうすればよいでしょうか?

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

jquery - エラスティックプラグインが機能しない

エラスティック プラグインをインストールしようとしています。プラグインをインストールするのはこれが初めてです。ウェブサイトから jquery.elastic.source.js と jquery.js の両方のファイルをアップロードしました。ここに私が持っているコードがあります:

機能していません。私は何か間違ったことをしていますか?

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

jquery - エラスティック プラグインが ie9 で動作しない

次のコードがあります。firefox では正常に動作しますが、ie9 では動作しませんか?

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

jquery - un expand エラスティック プラグイン

ここで使用しているエラスティック プラグインは、使用している jQuery です。

コードで使用している5つのテキストエリアがあります。したがって、ユーザーが textarea1 にいるときに、Enter キーを 10 回押してテキストエリアを展開するとします。彼が 2 番目の textarea をクリックするか、textarea1 の外側をクリックすると、textarea1 が元のサイズに戻る方法はありますか?

また、これの反対も達成できますか?textarea1 に 3 行ある場合。テキスト領域をクリックすると、サイズを 5 行に増やすことができますか?

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

wpf - ElasticWrapPanelとTextTrimming

ElasticWrapPanelを作成しようとしています。これは、新しい列がパネルの内側に収まるまで、各列がパネルの幅に合うように伸びることを意味します。

列の幅はItemMinWidthに基づいています。

パネルを作成することはできましたが、TextBlockを配置し、TextTrimmingをCharacterEllipsisに設定すると問題が発生します。私のパネルでは機能しません。3つのドットは表示されません。列の幅は機能しているように見えますが、コンテンツは幅として無限大を受け取っているようです。

これが私のパネルです:

そして、TextTrimmingが機能するWrapPanelと比較した例を次に示します。

WrapPanelでは、各要素の最後に3つのドットが表示されますが、私のパネルには表示されないことがわかります。

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

css - 管理パネル-流体幅と固定幅?

管理パネルのインターフェイスを作成していますが、ジレンマがあります。流動的/弾性的なアプローチではなく、固定幅のアプローチを選択しました。

固定幅の主な議論は、画面サイズに関係なく、すべての画面で同じように見えるということです。

ただし、ここでは管理コンソールについて話します。ここでは、ターゲットは非常に少数の人々です。そして、画面上にたくさんの情報をまとめたいと思います。この管理パネル(ラップトップ、デスクトップ、またはその両方)を閲覧するときにクライアントが何を使用するかはわかりません。また、クライアントのエクスペリエンスを制限したくありません。

そこにあるほとんどのCMSは、Wordpress、Joomlaなどのバックエンドに弾力的なアプローチを選択しました。

何かアドバイスはありますか?ありがとう

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

css - これらのテキストフィールドを伸縮自在にするにはどうすればよいですか?

CSSを使用して、左側のテキストフィールドを右側のすべての灰色のスペースに柔軟に埋めることは可能ですか?

ここに画像の説明を入力