任何人都可以帮助解决 Galleria.js 实现中的填充/边距问题吗?

发布于 2024-10-24 12:47:44 字数 373 浏览 3 评论 0原文

我一生都无法弄清楚为什么这个 PregoApp 幻灯片主题中图像周围的填充/边距不均匀。无论我对 CSS 做什么,似乎都没有办法可靠地修复它。

这是网站

该网站也使用相同的实现,但已进行调整以使其看起来正确,因为所有图像的大小相同: http:// mansfieldgallery.co.nz/

有更好的方法吗?任何提示将不胜感激。

I can't for the life of me figure out why the padding/margins around the images in this PregoApp slideshow theme are not even. No matter what I do to the CSS, nothing seems to fix it reliably.

Here's the site.

And this site also uses the same implementation but has been tweaked to look right since all the images are the same size: http://mansfieldgallery.co.nz/

Is there a better way to do this? Any tips would be greatly appreciated.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

妞丶爷亲个 2024-10-31 12:47:44

据我了解,您不喜欢这样,当图像不像其他图像那样宽时,填充不会改变并且始终保持不变,对吗?

我用 Opera Dragonfly 来调查这是为什么,当你查看

时,你可以发现这个元素的样式是: style= “宽度:578px;高度:399px;”

因此,要么 jQuery/JavaScript 在页面加载后设置此样式并且它始终保持不变,要么您就是这样设置的人。难怪为什么填充是恒定的。

可能的解决方案:

  1. 始终使用具有相同宽度和高度的图像。
  2. 对脚本进行更改,它将更改
    的宽度以适应实际图像。

As I understand, you don't like that, when image is not do wide as other the padding do not change and always stays the same, right?

I used Opera Dragonfly to investigate why is that, and when you look at <div class="galleria-container" /> you can find that styles of this element are: style="width: 578px; height: 399px;".

So either jQuery/JavaScript set this styles after page load and it stays the same all the time or you was the one who set it like that. No wonder why padding is constant.

Possible Solutions:

  1. Always use images with the same width and height.
  2. Make changes to the script that it would change width of <div class="galleria-container" /> to fit the actual image.
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文