に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

ツールチップを相対的な親に揃える

この問題を解決するために 2 日間を費やしましたが、一人では解決できないことに気づきました。親を基準にしてツールチップを中央に配置しようとしています。これは私のコードです =>letcollection=document.querySelectorAll("[data-text]");collection.forEach((ele,ind)=>{varelement=document.createElement("p&q

P粉251903163 2024-04-06 13:16:59

JavaScript - echart ツールチッププロンプトボックスが揺れる

この問題に遭遇した人はいますか? ドーナツチャートは比較的小さいです。マウスをその上に置くと、echart ツールチッププロンプトボックスが震えます。解決方法についてアドバイスをいただけますか?

天蓬老师 2017-06-13 09:21:42

JavaScript - echart のツールチップのサイズについて質問する

ツールチップの幅と高さをどのように設定するかという質問がまだあります。同じページにある 5 つの円グラフのうち、3 つのツールチップが不可解なほど大きくなってしまいました。これら 3 つは同じ方法で書かれており、設定項目は以下の通りです {code. ..}

滿天的星座 2017-05-18 10:55:47

リンクを削除した後もツールチップが機能するのはなぜですか?

リンクを削除した場合にのみ、ツールヒントに div タグが表示されます。両者はどのような関係にあるのでしょうか? div コンテンツはリンクとともに表示されません。 .tooltip{position:relative;display:inline-block;border-bottom:1pxdottedblack;}.tooltip.tooltiptext{visibility:hidden;width:120px;background-color:blac

P粉323050780 2024-04-05 09:51:08

ツールヒントのリンクとボタンが機能しない

ツールヒント内からクリックイベントをトリガーしようとしています。クリックイベントを含むボタンを配置しましたが、機能しません。ツールチップ内に外部リンクを追加してみました。それもうまくいきません。要素のスタイルは取得できますが、発生したクリックイベントは取得できません。これはツールチップ構成ツールチップです:{useHTML:true,style:{pointerEvents:'auto'},formatter:function(e){return'<div>'+this.x+'

P粉418854048 2024-04-04 22:01:46

子要素に影響を与えないようにする HTML の下部配置テクニック

ツールヒント付きのテキストがあります。ボックス自体のプロパティは変更できませんが、ツールチップをテキストの上に配置したいと考えています。これは私の現在のコードです: .tt-container.tooltiptext{display:none;background-color:white;border-style:solid;position:absolute;border-color:#1a7bc9;color:#000;text-align:left ;ボード

P粉691958181 2024-02-04 09:44:51

Vue 3 でコンポーネントインスタンスに非応答データを設定するにはどうすればよいですか?

Vue2 についても同様の質問があり、$options を使用することが推奨されていました。ただし、Vue3 では機能しないようです。まず、Vue3 のドキュメントには、$options は読み取り専用であると記載されています。そのため、コンポーネントがマウントされているときにインスタンスでツールチップを初期化しようとすると、非常に奇妙な動作が発生します。ツールチップが表示されるとき、ツールチップは最後に作成されたコンポーネントから表示されるため、$options が何らかの形で「グローバル」になっているようです「？ツールチップをデータに入力すると、すべてが正常に機能しますが、どうやらツールチ...

P粉973899567 2023-08-25 23:08:24

スクロール可能なグラデーションチャットバブル

この例に示すように、下のグラデーションでスクロールすると変化するグラデーションを持つチャットバブルの白いコンテナーが必要です: ルートの背景が見えるように、chatBubble の背後にある .container の部分を透明にしてみました。 .root{背景色:線形グラデーション(赤、黄);幅:100vw;高さ:100vh;}.container{幅:100%;高さ:

P粉197639753 2023-09-01 11:52:18

HTML で要素のカスケード効果を実現するにはどうすればよいですか?

この要素のカスタムツールチップを作成したいのですが、ツールチップを表示する十分なスペースがないボックス内に含まれているため、トリミングされてしまいます (オーバーフローが自動に設定されているため、実際にはスクロールして表示できますが、スクロールせずに表示したい）。境界を超えて表示する方法はありますか? z-indexを使用してみましたが、役に立ちませんでした。これを私は次のように呼んでいます: .box{width:100px;height:100px;overflow:auto;bor

P粉486138196 2023-08-28 16:39:50

html - echarts のツールチップをカスタマイズする方法

画像のフローティングウィンドウは登録数を表示した後に10:21と表示されていて非常に見苦しいのですが、登録数をx座標の数である21回にカスタマイズしたいのですが大丈夫でしょうか？ ?

为情所困 2017-07-03 11:42:22

入力フィールドがコンテンツを完全に表示するのに十分な幅であることを確認するにはどうすればよいですか?

多くの列を持つテーブルで Vuetify テキストフィールドコンポーネントを使用しています。コンポーネントに含まれるコンテンツが多すぎて表示できない可能性があり、ユーザーエクスペリエンスの観点から、セルが多い場合、フィールド内をスクロールしてコンテンツを検査すると時間がかかりすぎます。純粋な HTML の例 Vuetify の例最初に考えたのは (より良いアイデアがある場合はお知らせください)、コンテンツ全体を表示するツールチップを表示することでしたが、コンポーネントがコンテンツ全体を表示できる場合、これは煩わしいでしょう。したがって、コンテンツが非表示または切り捨てられている場合にのみ...

P粉014218124 2023-09-02 22:36:56

HTMLのタイトル属性は編集できますか?

上記のように <h2title="SiteOwner">Mr.Mark</h2> の CSS を使用して HTMLtitle (ツールチップのように機能) 属性を編集/設定することは可能ですか?インラインCSSでスタイル設定してみましたが、うまくいきませんでした。

P粉277305212 2024-02-25 23:52:19

Java オブジェクトを使用して複雑な JSON を表現するにはどうすればよいですか?

頻繁に使用する必要がある一種の json オブジェクトがあるので、それをオブジェクト {code...} にカプセル化したいのです。現在のアイデアは、オブジェクトの 1 つのレイヤーとツールチップのもう 1 つのレイヤー xAxis を配置することです。シリーズオブジェクトですが、完全に的外れで、単なる補助オブジェクトです。何か良い習慣はありますか？

给我你的怀抱 2017-05-17 10:08:15

javascript - 指定された vue コンポーネントまたは dom 要素の外側にコンポーネントを追加するにはどうすればよいですか?

たとえば、テーブル内に TD の数が不確かな別のテーブルがあります。この不確実な TD の数の外側の層に element-ui ツールチップを追加する必要があります。最初は vue.component() を使用する必要があると感じました。方法はあるのですが、書き方がわかりません。上手く書けないので教えていただくことしかできません。よろしくお願いします~~

给我你的怀抱 2017-06-26 10:53:12

フレックスボックスのデザイン: 吹き出しのすべての側面が接触するようにしたい

.fm-bubbles{display:flex;flex-wrap:wrap;width:100%;height:100px;}.fm-bubble{flex:1110%;height:max-content;border:1pxsolidroyalblue;border-radius:5px ;}<divclass="fm-content"><divclas

P粉002546490 2024-04-01 10:59:44

Vue Test Utils のテストケースのツールチップ警告を解決する方法

bootstrap-vue の v-b-tooltip.hover を使用する場合、単体テストでは常に次の警告が表示されます: [BootstrapVuewarn]:tooltip-指定されたターゲットは有効な HTML 要素ではありません。

P粉293341969 2023-08-26 19:41:24

javascript - ブートストラップのツールチップスタイルのテキストコンテンツを左側または右側に表示できますか?

data-toggle="tooltip" data-placement="top" {代...}

漂亮男人 2017-06-12 09:31:34

Nuxt と Vue のソーシャルチャット

Vue ソーシャルチャットモジュールを Nuxt アプリにインストールしましたが、小道具と色の設定がどのように機能するのか理解できません。現在、すべてが正常に動作していますが、表示されている Whatsapp アイコンは黒で、上部のバーは吹き出し内にあります。 Nuxt でこの設定を変更するにはどうすればよいですか。著者は CSS 変数を使用するように言っていますが、これらの変数をどこに配置するか、コード内でどのように使用するかがわかりません。 Nuxt には App.vue もないので、モジュールを直接インポートしました。これで機能するようですが、正しくできているかどうかはわかりません。...

P粉993712159 2024-03-26 20:55:20

JavaScript - Bootstrap ツールチッププラグインでは、マウスをホバーするとプロンプト情報が表示されます。マウスをクリックすると、プロンプト情報は常に表示されますが、非表示にはなりません。どうすればよいですか?

(www.sf.gg) は、中国を代表する開発者テクノロジーコミュニティです。私たちは、プログラミング愛好家に純粋で高品質な技術交流プラットフォームを提供し、開発者と一緒に学び、コミュニケーションし、成長し、開発者の時代を作りたいと考えています。

仅有的幸福 2017-07-05 09:58:30

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバーデータベース初期化コネクタのコードスニペットです。

P粉178132828 2023-09-05 11:18:47