如何用JavaScript实现图片在网页中水平垂直居中显示？

本文共计287个文字，预计阅读时间需要2分钟。

方法：

1.使用div和span标签包裹图片；

2.使用setAttribute()给其添加样式：display: table; text-align: center; 和 display: table-cell; vertical-align: middle;

操作环境：

- Windows 7系统- JavaScript 1.8.5版- Dell G3电脑

方法：1、用div和span包裹图片；2、用setAttribute()给其添加“display:table;text-align:center”和“display:table-cell;vertical-align:middle;”样式。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。