為什么無論設置樣式如何，我的組（文本和圖像）都不會在中間垂直對齊並水平居中對齊？
[英]Why won't my groups (text and images) align vertically in the middle and horizontally centered regardless of setting the style to do that?
問題描述
目前我使用的是可縮放矢量圖形，這意味着我使用的是<g ..>標簽而不是<div ...> 。 奇怪的是，我唯一沒有標題組的節點是在中間垂直對齊文本。 當有標題組（ <g class="title-group" ...> ）時，文本不會對齊。 這是正確的圖像...
這是當有一個標題組時會發生什么 -
我正在使用 JavaScript、CSS 並生成 HTML。 我從字面上指定了vertical-align: middle無濟於事。 另外，我還有一個問題。 我希望標題組在<g class="body-box" ...>的中間對齊。 這是我想要的圖片，而不是你之前看到的。
請幫忙。 我覺得我什么都試過了。 如果您需要查看代碼，請在評論中詢問您要查找的內容。
1 個解決方案
解決方案1
0 2019-12-18 20:32:42
問題不在於 CSS，而在於<g...>標簽。 我沒有在 g 標簽上使用樣式，而是將 g 標簽轉換為<svg...>標簽並調整了 x 和 y 參數，從而能夠在我想要的確切位置完美對齊圖像。
如何將文字/課程與<style> tag when it won't center in css or style tag?
[英]How do I align text/class with the button in the <style> tag when it won't center in css or style tag?
以編程方式將圖像添加到div並水平和垂直對齊
[英]Add images to a div programatically and align them horizontally and vertically
如何均勻對齊三個文本表達式並垂直居中對齊一行
[英]How to align three text expressions evenly and centered in one line vertically
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.