ツールチップの幅を動的に設定するにはどうすればよいですか？
ベルフェゴール
テキストの長さに応じて柔軟なサイズのツールチップを作成したいと思います。たとえば、次のツールチップがあります。
さて、このテキストでは、幅はOKです（cssで固定されています）。しかし、私が非常に小さい文字列を持っている場合：
ツールチップが大きすぎます。私の質問は、テキストの長さに応じてツールチップを柔軟にするにはどうすればよいですか？多分.cssでこれを行う方法はありますか？私はd3.jsを使用しているので、この観点からの回答も受け入れられます。
よろしくお願いします！
編集：私は私の目標を達成するためにこのチュートリアルを使用します、私のコードはそのようなものです（正確ではありませんが、十分に近いです）。私のコードは大きすぎてここに投稿できないので、その例に基づいて答えを提供するのが最善でしょう。
MujtabaFR
あなたはCSSでそれを行うことができます、代わりにmin-widthそしてmax-width一緒に使うだけですwidth
またwidth、CSSから削除するか、次のように変更することもできます。width: auto;
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ツールチップの幅を親要素とまったく同じように設定するにはどうすればよいですか？
- 2
Oxyplot列プロットでバーの幅を設定するにはどうすればよいですか？
- 3
Matplotlibでヒートマップの幅を設定するにはどうすればよいですか？
- 4
AngularStrapツールチップ内の要素に確実にフォーカスを設定するにはどうすればよいですか？
- 5
同じ要素に異なるツールチップと確認のタイトルを設定するにはどうすればよいですか？
- 6
NavigationViewのすべてのグループに共有のチェック可能な動作を設定するにはどうすればよいですか？
- 7
JPanelとその子にツールチップを設定するにはどうすればよいですか？
- 8
StackPanelアイテムごとに個別のツールチップを設定するにはどうすればよいですか？
- 9
ループ内の動的チェックボックスの状態をreactで設定するにはどうすればよいですか？
- 10
ビューの高さを幅で自動設定するにはどうすればよいですか？
- 11
divの下の中央にツールチップを配置するにはどうすればよいですか？
- 12
divテーブルの列の幅を設定するにはどうすればよいですか？
- 13
ツールチップを画像の中央に配置するにはどうすればよいですか？
- 14
reactjsでツールチップコンテナの幅を変更するにはどうすればよいですか？
- 15
HTML - 浮動要素の幅を親 div の 100% に設定するにはどうすればよいですか?
- 16
DataTablesの幅を設定するにはどうすればよいですか？
- 17
画面の幅に一致するようにグリッドビューの子の幅を設定するにはどうすればよいですか？
- 18
UILabelの幅を動的に設定するにはどうすればよいですか？
- 19
JComponentのツールチップの表示を制御するにはどうすればよいですか？
- 20
このツールチップを上に載せるにはどうすればよいですか？
- 21
ツールチップよりも狭い要素の下にツールチップを中央揃えするにはどうすればよいですか？
- 22
ツールチップよりも狭い要素の下にツールチップを中央揃えするにはどうすればよいですか？
- 23
Intellisenseツールチップの色を変更するにはどうすればよいですか
- 24
ツールチップの番号を削除するにはどうすればよいですか
- 25
動的幅のUIButtonの背景を設定するにはどうすればよいですか？
- 26
ngFor *ループで名前タグを動的に設定するにはどうすればよいですか？
- 27
プロット時に可変線幅を設定するにはどうすればよいですか？
- 28
p：カルーセル幅を100％に設定するにはどうすればよいですか？
- 29
ハイチャートでツールチップの位置を移動するにはどうすればよいですか？
コメントを追加