如何使用NextGen singlepic对齐图像?

时间:2019-06-07 20:00:18

标签: html css

使用NextGen singlepic时,我无法使用CSS将图像垂直和水平对齐到中心。

我想要实现的图像布局几乎是完美的。请参见https://rolandgeiger.com/al-capone/为例(下两幅图像)。响应式布局很好,但是我想使图像垂直和水平对齐中心。 在Firefox中,图像对齐到左上方。 在Chrome中,图像与顶部中心对齐。

HTML:

  

[lgc_column grid =“ 50” tablet_grid =“ 100” mobile_grid =“ 100” last =“ false”> equal_heights =“ false”]
        0px;显示:表格单元格; vertical-align:middle“
  src =“ https://rolandgeiger.com/wp-content/gallery/blog-al-capone/roland-
  geiger-stuttgart-fotograf-201512131722000065.jpg“ alt =” roland-geiger-
  stuttgart-fotograf-201512131722000065“>
  [/ lgc_column]

     

[lgc_column grid =“ 50” tablet_grid =“ 100” mobile_grid =“ 100” last =“ true”   equal_heights =” false”]
        0px;显示:表格单元格; vertical-align:middle“
  src =“ https://rolandgeiger.com/wp-content/gallery/blog-al-capone/roland-
  geiger-stuttgart-fotograf-201512131724000076.jpg“ alt =” roland-geiger-
  stuttgart-fotograf-201512131724000076“>
  [/ lgc_column]

CSS:

  

.lgc列
  {
      vertical-align:middle;
  }

我是CSS的新手。但我希望您能帮助我将图像与Firefox和Chrome中的中心对齐! :-)

0 个答案:

没有答案