文本和SVG之间没有换行符
问题描述:
我在一个有限宽度的容器中有一个简短的文本,后跟一个SVG。 预期的行为是,如果它的文本符大于容器宽度较长,但我想它不是以文本和SVG之间右路突破:
文本和SVG之间没有换行符
现在的结果是:
预期结果:
添加<nobr>
或<span>
标记位于文本中间(蓝色之前),并在SVG不是选项后关闭它,因为文本来自外部数据库并且无法编辑。
<span class="text">
Jack Wolfskin Jacke Colorado Flex - Midnight Blue
</span>
<span class="svg">
<svg>
....
</svg>
</span>
答
外接显示器块为SVG容器:
.svg {
display: inline-block;
}
这不是问题,SVG已经是旁边的文本。问题在于文本足够长时间才能将其推送到下一行 – Aiwatko
1.您可以将.text和.svg放入容器中并对其应用'white-space:nowrap'。 –
2.将.text和.svg之间的非分隔空间放入:' ' –