Svg 在圆内居中显示垂直和水平文本
我想将文本(两行)垂直和水平居中放置在这个圆圈内,但出现了一些问题: 我还尝试将背景图像放置在中间,但我希望它位于虚线/虚线边界层下方,而不是其上方。有什么建议吗 这里是文本应该是怎样的,但我希望它是文本,而不是tspan。当然还有一个居中的背景图像Svg 在圆内居中显示垂直和水平文本,svg,Svg,我想将文本(两行)垂直和水平居中放置在这个圆圈内,但出现了一些问题: 我还尝试将背景图像放置在中间,但我希望它位于虚线/虚线边界层下方,而不是其上方。有什么建议吗 这里是文本应该是怎样的,但我希望它是文本,而不是tspan。当然还有一个居中的背景图像 如果不想使用tspan,则需要两个文本元素。您可以将两个元素的坐标设置为50%/50%,然后 要在该点上水平居中,请使用中键 要将第一行放置在该点正上方,第二行放置在该点正下方,请使用基线/悬挂(要在行之间获得更多空间,需要稍微调整y坐标)
如果不想使用
tspan
,则需要两个文本
元素。您可以将两个元素的坐标设置为50%/50%,然后
- 要在该点上水平居中,请使用
中键
- 要将第一行放置在该点正上方,第二行放置在该点正下方,请使用
(要在行之间获得更多空间,需要稍微调整基线/悬挂
坐标)y
正文{
字体系列:无衬线;
字体大小:30px;
}
第一排
第二排
谢谢,这些对齐成功了。它工作得很好。谢谢!还有一个问题:如果我有5条线,想让它们都垂直居中,一条线在另一条线的下方,该怎么办?@Daniellaş我用多线解决方案更新了我的答案。相关问题: