javascript - CSS/Javascript - 如何将 nextParticle 图像放置在屏幕中央-6ren

javascript - CSS/Javascript - 如何将 nextParticle 图像放置在屏幕中央

转载作者：太空宇宙更新时间：2023-11-04 07:49:25

24

4

我正在制作一个代码笔演示，在 Logo 图像上使用粒子 slider 效果，但我似乎根本无法对图像应用任何样式规则。我正在尝试将图像居中，但此刻它卡在左侧，我无法移动它。我尝试了几个不同的 Angular ，但没有。这是link

HTML

<body>  
        <img id="logo" class="next-particle"  data-init-position="random"
                  data-init-direction="left"
                  data-fade-position="left"
                  data-fade-direction="left"

                  data-particle-gap="1"

                 data-width="800"
                  data-height="600"

                  data-max-width="700"
                  data-max-height="500"



                  data-mouse-force="80"

                   data-gravity="0.06"

                   data-noise="20"

                 src="http://res.cloudinary.com/mrmw1974/image/upload/v1513726195/XBD1_dqjlw5.png">

</body>

CSS

body {
  position: relative;
}

#logo img {
 position: absolute;
  float: right;
}

最佳答案

在html标签中加入align='center'

<html align='center'>
<head>
</head>
<style>
body {
  position: relative;
}

#logo img {
 position: absolute;
  float: right;
}
</style>
<body>  
        <img id="logo" class="next-particle"  data-init-position="random"
                  data-init-direction="left"
                  data-fade-position="left"
                  data-fade-direction="left"

                  data-particle-gap="1"

                 data-width="800"
                  data-height="600"

                  data-max-width="700"
                  data-max-height="500"



                  data-mouse-force="80"

                   data-gravity="0.06"

                   data-noise="20"

                 src="http://res.cloudinary.com/mrmw1974/image/upload/v1513726195/XBD1_dqjlw5.png">

</body>
</html>

关于javascript - CSS/Javascript - 如何将 nextParticle 图像放置在屏幕中央，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47896874/

24

4

0

文章推荐： java - 如何自定义soapUI库以从WSDL生成请求和响应？

文章推荐： java - Double 值即 NaN 输出为字符串 "nan"

文章推荐： c - 在 C 中传递数组的一部分

javascript - CSS/Javascript - 如何将 nextParticle 图像放置在屏幕中央
我正在制作一个代码笔演示，在 Logo 图像上使用粒子 slider 效果，但我似乎根本无法对图像应用任何样式规则。我正在尝试将图像居中，但此刻它卡在左侧，我无法移动它。我尝试了几个不同的 Angul

首页

博学

6Ren·AI

商城

javascript - CSS/Javascript - 如何将 nextParticle 图像放置在屏幕中央