使用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中的中心对齐! :-)