Metni dikey olarak hizalamak için dy
'u kullanma hakkında birkaç gönderi gördüm, ancak bunların tümü açıklamaksızın rastgele bir değer seçiyor. Şüphesiz bu değer yazı tipine göre değişebilir mi? Metnimin yazı tipi boyutu bir değişkende (fsize
) saklanır ve değeri diğer faktörlere bağlı olarak değişebilir. .attr("dy", fsize/2)
'u ayarlamayı denedim (tam olarak fsize
bir dize ve ems olduğundan tam olarak değil, ancak noktayı aldınız) ve metnim merkezden uzak. fsize
yazı tipi boyutu dikkate alındığında hangi değeri seçmeliyim?D3, metni dinamik olarak dikey olarak hizala
1
A
cevap
3
"Bu değer yazı tipine bağlı olarak değişebilir mi?"
sen Onlara bir 'birimleri kullanırsak yazı boyutu onlar
https://www.w3.org/WAI/GL/css2em.htm
Yani kaydırır .attr("dy", "0.7em")
gibi genel kuralları kullanabilirsiniz göreceli boyutlu birimi konum olarak ne olduğu önemli olmamalı Metin y-koğuşları, yazı tipi yüksekliğinin% 70'i kadar
İlgili konular
- 1. UI önyükleme: dikey olarak hizala datetimepicker
- 2. İçeriği satır içi liste öğelerinde dikey olarak hizala
- 3. Pencere içindeki satırı dikey olarak hizala (Sayfa Oluşturucu)
- 4. Android metni hizala üst orta
- 5. Kutuları yatay olarak ve sonra dikey olarak dikey olarak düzenleyin
- 6. WPF Yığın Paneli Merkezi Olarak Hizala
- 7. Bootstrap: sola hizala metni sol
- 8. Bir öğenin içindeki metni yüzde cinsinden dikey olarak hizalamak için?
- 9. Notepad ++ - Metni dikey olarak birden çok sütunda hizalama
- 10. Resim ve metni tablo hücresinin içine doğru dikey olarak hizalama
- 11. Metni LaTeX tablosundaki bir görüntü ile dikey olarak nasıl ortalarsınız?
- 12. Bir satır içi bloğu içinde metni dikey olarak ortalayın
- 13. Çok satırlı metni bir listede dikey olarak nasıl hizalayabilirsiniz?
- 14. Merkez metni dikey olarak ve aynı kapların yükseklikleri flexbox ile
- 15. Dikey/Sütun metni seçin?
- 16. RecyclerView öğelerini dikey olarak dikey olarak çizme GridLayoutManager
- 17. div içeriklerini dikey olarak kaydırır ve dikey olarak kaydırmaz
- 18. Görüntülerin dikey olarak hizalanması,
- 19. LinearLayout - Dikey olarak hizalamıyor
- 20. dinamik olarak değerleri metin olarak girilir olarak düzenleme metni altını değiştirmek için
- 21. CSS: Dikey olarak yatay dikey menü
- 22. Hizala 2 Metin etiketleri yatay olarak tepki gösterme yerel
- 23. metin kutusunda dikey hizala - firefox issue
- 24. "Metni metin olarak göster" denetimi
- 25. Dikey merkez Metni ortala
- 26. Dikey yönelim metni css
- 27. Metinle hizala simgeleri
- 28. Merkezi hizalama düğmeleri metni div içinde dinamik olarak mı?
- 29. SEO: Google, dinamik olarak eklenen metni Angular üzerinden tanıyor mu?
- 30. Div içeriğini dikey olarak sürekli olarak otomatik olarak kaydırma
bir örnek verebilir misiniz? JSFiddle belki – thatOneGuy
@thisOneGuy Kodum bir keman için çok büyük, ama istersen sana bir resim verebilirim. – Bluefire
Evet, bu belki de olabilir – thatOneGuy