gpt4 book ai didi

javascript - 为什么我的组(文本和图像)不会在中间垂直对齐和水平居中,无论设置样式如何?

转载 作者:行者123 更新时间:2023-11-28 19:10:56 25 4
gpt4 key购买 nike

目前我正在使用可缩放矢量图形,这意味着我正在使用 <g ..>标签而不是 <div ...> .奇怪的是,我唯一没有标题组的节点是在中间垂直对齐文本。当有标题组 ( <g class="title-group" ...> ) 时,文本不会对齐。这是正确的图片...

enter image description here

这里是当有一个标题组时会发生什么

enter image description here

我正在使用 JavaScript、CSS 并生成 HTML。我从字面上指定了 vertical-align: middle到处都无济于事。另外,我还有另一个问题。我希望标题组在 <g class="body-box" ...> 的中间对齐.这是我想要的图片,而不是您之前看到的图片。

enter image description here

请帮忙。我觉得我已经尝试了一切。如果您需要查看代码,请在评论中询问您要查找的内容。

最佳答案

问题不在于 CSS,而在于 <g...>标签。我没有在 g 标签上使用样式,而是将 g 标签转换为 <svg...>标记并调整 x 和 y 参数,这能够将图像完美地对齐到我想要的确切位置。

关于javascript - 为什么我的组(文本和图像)不会在中间垂直对齐和水平居中,无论设置样式如何?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59338695/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com