如何将文本放在表格单元格中的图像上？

Question

我有以下代码生成符合浏览器窗口大小的行的单元格：

Let (
  [
    _sql = List (
      "SELECT id" ;
      "FROM   table" ;
      "WHERE  match_field = ?" ;
      "ORDER BY id" ;
      "FETCH FIRST 1 ROW ONLY"
    ) ;

    _id = ExecuteSQL ( _sql ; "" ; "" ; match_field )
  ] ;

  _id = id
)

我有超过一百条由PHP循环生成的这些行。

我需要将TXT1，TXT2，TXT3等放在他们的图像上。但是我还需要像现在一样分配单元格（在调整到浏览器窗口宽度的行中）。

Answer 1

您应该使用display: flex和flex-wrap根据浏览器宽度换行。

使用justify-content和align-items对齐它们（有关详细信息，请参阅flex教程）。

要在图片上放置文字，请将每个图片打包在position: relative容器中，然后制作文字position: absolute并设置top和left以将其放置在容器中