需要一些关于在div中显示图像的建议

Question

我有一个WYSIWYG编辑器，用于创建文章。然后将文章插入数据库中。然后该文章显示在主页面上。它由2个主要的div /部分组成。顶部是具有固定高度的div，用于显示由特定文章的WYSIWYG（即计划）提交的图像。因此，用户（有权限）写文章，插入/上传图像（位于服务器上），文章也插入到数据库和图像的网址中。

我的问题是我应该如何展示它？现在我正在考虑从数据库中提取所有必填字段并将图像url放入div中，它将呈现为图像。这感觉非常笨重，所以凭借我有限的经验，我想知道是否有更优雅的方式去做。

Answer 1

您的意思是将图像路径存储在数据库中，然后在标记中回显它吗？

这没有什么不错......比将图像存储在数据库中更好，如果这是你想知道的？

Answer 2

你走在正确的轨道上。从数据库中提取图像URL，然后将其弹出到div中的img标记中，或者将其作为div本身的背景应用。

要调整图像大小以适合div，请指定图像的高度或宽度。另一个将自动调整大小，保持适当的宽高比。这可能会导致它适合固定高度的div，因此您需要将div上的CSS overflow属性设置为隐藏，这样图像就不会溢出它。