我需要在SVG中输出多行文本。为此,我使用了以下方案:
<text>
<tspan> First line </tspan>
<tspan> Second line </tspan>
</text>
文本的第一行和第二行可以有不同的字符数,这些字符数可以动态变化。我希望第二行出现在第一行的下面,并且两行中的文本都居中。
我可以通过为第二个<tspan>添加dy="15"来使第二行显示在第一行的下面。
我可以通过添加text-anchor="middle"来对齐每个单独的&
在CSS中是否有一种方法可以告诉内联网格在哪一行的基线上应该垂直对齐?它似乎是一个带有垂直对齐的内联网格容器:基线;使用第一个单元格的基线。但我想使用另一个单元格(或行)的基线。这个是可能的吗?
下面的代码和图像显示了我所拥有的和我想要的。
.grid{
display: inline-grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto auto auto;
grid-gap: 20px;
align-items: baseline;
border: 1px solid blue;
pad