dy
を使用してテキストを垂直方向に整列する方法については、ここでいくつかの投稿を見てきましたが、すべて説明するだけでランダムな値を選びます。確かにこの値はフォントサイズによって異なりますか?私のテキストのフォントサイズは変数(fsize
)に格納され、その値は他の要因によって変わる可能性があります。私は.attr("dy", fsize/2)
を設定しようとしました(全く正確ではないのはfsize
は文字列でemsですが、あなたはポイントを取得します)、そして私のテキストは中心から外れています。 fsize
のフォントサイズを指定すると、どのような価値がありますか?D3はテキストを動的に垂直に整列する
1
A
答えて
3
"確かにこの値はフォントサイズによって異なりますか?"
あなたが「日」単位を使用する場合には、フォントサイズが、彼らは
https://www.w3.org/WAI/GL/css2em.htm
だからあなたがシフト.attr("dy", "0.7em")
のように親指のルールを使用することができる相対的なサイズのユニットにしているようであるかは重要ではないはずですテキストy-wardsフォントの高さの70%
関連する問題
- 1. イメージを動的テキストと垂直に整列する
- 2. テキスト内で垂直方向に整列
- 3. CSSテキスト整列センターは、垂直
- 4. テキストとイメージをベースラインで垂直に整列する方法は?
- 5. 垂直整列は
- 6. 小文字を大きなテキストに垂直に整列する
- 7. ラジオボタンを中央揃えのテキストに垂直に整列する
- 8. テキストを真ん中に(垂直に)整列する方法
- 9. 垂直方向の整列CSSを使用してテキストを垂直に整列する
- 10. 垂直整列
- 11. テキストとスピナーが垂直中央整列
- 12. テーブルビューのヘッダースウィフトでテキストを垂直に整列する方法
- 13. TD要素内でイメージとテキストを垂直に整列する
- 14. 各セルのテキストを垂直に整列する
- 15. FontAwesomeのアイコンをaタグのテキストと垂直に整列する
- 16. qタグを垂直に整列する
- 17. アイコンを垂直に整列する
- 18. ナビゲーションを垂直に整列する
- 19. h1タグを垂直に整列する
- 20. 列内のテキストをCSS列で垂直に整列する方法は?
- 21. div要素内のテキストを垂直に整列させる
- 22. ボタンのテキストを垂直に整列しますか?
- 23. ボタンをテキストエリアに垂直に整列
- 24. Spark DataGrid行のテキストを垂直に整列
- 25. liタグ内のaタグを動的な高さで垂直に整列する
- 26. ブートストラップ4垂直整列列
- 27. 浮動小数点の範囲内で垂直にテキストを整列
- 28. 垂直整列テキストは、私が垂直整列するために緑の空間内のテキスト「サイト名」をしたい
- 29. ブートストラップ内のテキストで垂直ボタングループを整列する
- 30. 別のdivの動的な高さに垂直に整列しますか?
あなたは例を挙げることができますか? JSFiddleかもしれない – thatOneGuy
@thisOneGuy私のコードはフィドルには大きすぎますが、私はあなたに好きな場合はあなたに画像を与えることができます。 – Bluefire
これは大丈夫でしょうか? – thatOneGuy