我将使用HTML和CSS创建仪表板布局。大屏幕将在以后显示仪表板。有人说我不应该使用div等，而是使用
之类的SVG标签。<svg><rect><text>
我的意图是使用CSS网格（8x8）来组织仪表板的元素（网格项）。这些元素可以具有不同的大小（1x1、2x2、2x1、1x2），并且可以包含动态内容（文本，图表，表格）。图将由库生成-我更喜欢Plotly JS-因此图将已经具有svg格式。
一个网格项目（卡）可能看起来像这样：
Timestamp (optional)
Title
Description (multiline)
我的问题是；在我的网格项中使用SVG标签代替div有什么优点和缺点？到目前为止，在我看来，使用SVG更加困难，因为没有简单的方法来实现浮动文本。此外，文本定位（多行）似乎更难实现。
为什么使用“标准” HMTL / CSS代码创建网格项目的基本样式不合法？
答案 0 :(得分：2)
SVG非常适合替换png（例如图标和其他图形），因为它基于矢量，因此缩放效果也很好。正如您所说，它也非常适合绘制图形和内容，这就是为什么大多数图形库都使用SVG绘制图形的原因。
关于构建实际页面，这正是HTML / CSS的用途-因此，我建议您坚持这一点。您将获得更轻松的响应能力，更轻松的放置，是的-文本定位在SVG中有点复杂，而在HTML / CSS中则非常简单。
结论：如果您需要在仪表板上进行一些复杂的设计，请使用SVG进行构建，其余部分则使用HTML / CSS。如果没有，请对图形以外的所有内容使用HTML / CSS。
告诉您使用SVG的人是否给您提供任何论据，说明为什么这样做会更好？如果没有，可能是因为没有参数。