DIV 要素を SVG ビューポート内に配置する

HTMLDIV 要素を SVG 要素に対して相対的に配置するにはどうすればよいですか? D3 を使用して SVG チャートを生成しています。右下隅の凡例の横にドロップダウンを追加したいと考えています。対応する要素 (通常の HTMLDIV 要素) はありますが、それをチャート上に正しく配置する方法がわかりません。 SVG 要素の配置は理解できますが、DIV 要素のようなものを適用する方法がわかりません。 (以下のように) ビューポートの外に配置する以外に何かアイデアはありますか?

P粉803444331 2023-09-07 17:48:48 0  1  539

JavaScript - iframe 埋め込みページの要素を中央に配置する方法。

iframe のサブページに、マウスのスクロール時に中央に配置したい要素がありますが、前の方法を使用しても機能しないようです。理由をお聞きしてもよろしいでしょうか? window.onload = function(){ {code...ボックスは中央に配置する必要がある要素なので、position=absolut も追加されます...

过去多啦不再A梦 2017-05-18 10:48:58 0  2  1003

javascript - jsの効率的な要素位置置換

js 高効率要素位置置換 ul {code...} 2 つの要素位置置換

阿神 2017-05-19 10:38:59 0  1  632

html - 要素 UI ダイアログ ボックスのネスト

要素 ui ダイアログ ボックスの入れ子 {code...} この場合、内側のダイアログ ボックスは外側のダイアログ ボックス領域に配置されます。el ダイアログを本文から直接分離する方法。要素 ui のすべてのダイアログ ボックスは外部で書き込む必要があり、ネストすることはできませんか?

为情所困 2017-06-14 10:52:06 0  2  1302

javascript - 配列内の同一の要素の数を取得する方法

たとえば、var numArr = ["A", "C", "B", "A", "C", "D", "A", "C"] のような配列があります。同じ要素?と同じ要素の数

怪我咯 2017-06-28 09:26:34 0  5  776

divの配置が難しい

ページ上の他の要素を基準にして div を配置したいと考えています。これは初期 CSS です: #puzzle{display:inline-block;vertical-align:top;(position:static;)}#success{display:none;position:absolute;top:235px;left:130px;border:3pxsolidblue ;ボーダー半径:25px;コロ

P粉752290033 2024-04-04 12:14:58 0  1  439

div が中央に配置されないのはなぜですか?

ホバーしたときにも、この要素を画面の中央に配置しようとしています。以下の例では、50% の変換と上/左の変換があることを知っていても、div をホバーしても中央に配置されません。要素を中央に配置するために通常これを使用します。 *{box-sizing:border-box;}body{position:relative}.zoom{padding:50px;background-color:green;transition:trans

P粉805922437 2024-02-04 08:28:03 0  2  367

タイトルを次のように書き換えます: Vue 3: コンテンツを要素に転送して置換します。

Vue3 のテレポートを使用して要素を div にレンダリングしていますが、期待どおりに機能します。テレポートは選択した要素に項目を追加しますが、div 内の現在の要素は置き換えません。 vue アプリがマウント時にアンカー div のコンテンツを置き換えるのと同じように、div 内の要素を置き換えるようにテレポートを設定するにはどうすればよいですか?背景: SEO の理由から、アプリがレンダリングされて配信されるまでプレースホルダー要素が必要です。 <!-- アプリケーション外部の HTML --><div><divi

P粉237029457 2023-11-06 11:01:38 0  1  966

javascript - js 配列はインデックスで要素を見つけて返します

js配列はインデックスで要素を検索し、その要素を返します

为情所困 2017-05-19 10:37:33 0  4  557

タイトル間隔を正規化するための同じサイズの HTML 要素

一部の要素には存在するが、他の要素には存在しない HTML 要素があります。存在しない要素については、同じサイズの空の HTML 要素が必要です。これにより、間隔がずれることがなくなります。同じ要素を追加しようとしましたが、要素をラップする div に hidden、hidden="hidden"、style="visibility:hidden;" を配置しましたが、これによりビルドが失敗します。何か案は？

P粉722521204 2023-09-13 18:27:42 0  1  491

CSS: サイズが等しくない子を持つ要素を垂直方向の中央に配置しようとしています

皆さん、こんにちは。これが私が現在持っているものの写真です。3行3列のグリッドがあり（各列は最小限のコンテンツです）、各セルの中央に要素を配置しています。見た目は良いですが、ヘッダーが大きくなると、スイッチとカテゴリの間のスペースが大きくなりすぎます。今、div コンテナー内に中央の行を作成して flex を使用しようとしましたが、要素が中央に配置されません。カテゴリのサイズが別のカテゴリのサイズよりも大きくなります。また、カテゴリを同じサイズにしようとしましたが、コンポーネント全体をページ上のどこか中央に配置すると、小さいカテゴリの空白のせいで右に寄りすぎてしまいます。そのスペースを小さくす...

P粉476046165 2024-02-26 18:39:24 0  1  329

JavaScript - Vue が配列要素を削除すると、残りの要素が再レンダリングされなくなります

最近プロジェクトで Vue を使用しましたが、開発プロセス中に、配列内の要素を削除すると、その要素に続く要素が再レンダリングされないことがわかりました。 HTML コードは次のとおりです: 2 つのコンポーネントがあります: 1 つはすべてのコンテンツ コンテナを含めるために使用されるメイン コンポーネントであり、もう 1 つはサブコンポーネントであり、...

女神的闺蜜爱上我 2017-06-12 09:29:02 0  2  1078

データ内の要素を独立した Web サイトの <li> 要素にマップします。

スワイプでき、職歴の UL を除く必要な情報がすべてマッピングされたカードを作成しています。画像を添付したいのですが、私が抱えている問題は、各スライダーを別の li 要素のデータにマッピングすることです。配列内の配列は良いかもしれないと思いますが、これは初めてで、すべてを新しい行に配置する方法がわかりません。私が持っているコードは次のとおりです: import"./resources.scss"import{ArrowBackIosNew}from"@mui/icons

P粉546257913 2023-09-15 18:57:33 0  1  1133

要素を等間隔に配置し、:after で配置するために十分なスペースを残すにはどうすればよいですか?

疑似要素 :after を使用して、ブロック リストの最後の行を左側に揃えます。これらのブロックを均等に配置するためにスペースを使用します。私の問題は、:after がスペースを占有するため、最後の行のブロックがユーザーと位置合わせされていないことです。この問題はどうすれば解決できますか? .exposegrid{width:500px;display:flex;flex-flow:rowwrap;justify-content:space-evenly;&:after{content:&

P粉129168206 2023-09-12 20:16:59 0  2  529

javascript - jsで2つの3次元配列の要素を1つずつ比較する方法

jsで2つの3次元配列の要素を1つずつ比較する方法

怪我咯 2017-05-19 10:19:01 0  1  454

div 内の HTML 要素の水平方向の配置を実装します。

3 つの HTML オブジェクトがあり、コンテナ div の左側に「前へ」ボタン、右側に「次へ」ボタン、中央にスパンを配置したいと考えています。 &lt;PREVIOUS&gt;|SPAN|&lt;NEXT&gt;#btnPrevious{float:left;}#spanStage{font-weight:bold;vertical-align:middle;}#btnNext{float:r

P粉431220279 2023-08-22 00:03:55 0  2  509

javascript - オブジェクト要素が 3 つある配列は、なぜ最初の要素にしかアクセスできないのですか?

status 展開には 3 つの要素があります。status[0] は私がプッシュしたオブジェクト要素で、status[1] と status[2] はすべて未定義です。なぜですか?以下は完全なコードです。何度か試した結果、変数のスコープに関係があると思いますが、配列変数の結果は最外層にあります。

PHP中文网 2017-05-19 10:23:15 0  4  579

Laravelのforeachループで配列要素にアクセスする方法

質問と回答を保存するカスタム配列を作成しましたが、これらの配列要素にアクセスしようとすると、配列上のプロパティ "questions" を読み取ろうとします (実際には、カスタム配列を作成しました。カスタム配列なしで作成しても問題なく動作します。直接雄弁なモデルからデータを取得するのと同様に、問題なく動作します。これが私の JSON 応答です...@foreach($questionsArrayas$i=>$ data)<divclass="p-3m-1text-

P粉312195700 2023-09-11 00:04:14 0  1  548

配列から特定の要素を削除する方法

要素の値がわかっている場合、配列から要素を削除するにはどうすればよいですか?例: 配列があります: $array=array('apple','orange','strawberry','blueberry','kiwi'); ユーザー入力strawberrystrawberryは$arrayから削除されます。完全な説明は次のとおりです。項目のカンマ区切りリストを保存するデータベースがあります。このコードは、ユーザーが選択した場所に基づいてリストを取得します。したがって、イチゴを選択すると、コードは各袋を取り出します。

P粉141455512 2023-08-20 16:20:23 0  2  517

css3 flex 子要素にボーダーを追加した後の問題

親要素を flex に設定すると、子要素 {flex:0 0 33.3333%} は同じ行内で 3 等分できます。ただし、子要素にボーダーを追加した場合は 2 つまでしか配置できません。 Flex は同じ行で伸縮しますが、境界線の幅は計算されません。

漂亮男人 2017-05-16 13:27:46 0  2  940