PNG 按钮无法正确亮起

发布于 2024-08-03 22:11:30 字数 184 浏览 4 评论 0原文

我有 6 张 png 图像,我试图将它们作为按钮对齐在一行中。除最后一个按钮外,所有按钮都会正确对齐。我有 margin-left:0px,所以所有按钮都粘在一起,看起来像一个长标签。

在加载期间,如果页面花费的时间较长,则最后一个按钮加载速度最快,因此加载后就会到处都是。

我该如何解决这个问题?

谢谢。

I have 6 png images that I am trying to align as buttons in one line. All the buttons tend to align correctly expect for the last one. I have margin-left:0px, so all the buttons stick together looking like a long tag.

During load time, if the page takes longer the last button loads fastest so loads and just goes all over the place.

How can I fix this problem?

Thank you.

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

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

发布评论

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

评论(2

水溶 2024-08-10 22:11:30
  1. 99% 的情况下,对于菜单,您应该使用带有 图像的文本链接替换方法。正如表格只能用于表格数据一样,图像也只能用于语义视觉数据。
  2. 标签是否有明确的高度和宽度?即 ?如果没有,请尝试给他们一个。如果未定义,则浏览器在加载图像之前不会知道图像的高度和宽度。
  1. 99% of the time, for menus you should be using text links with an image replacement method. Just as tables should only be used for tabular data, images should only be used for semantically visual data.
  2. Do the <img> tags have an explicit height and width? i.e. <img src="#" height="100" width="60"/>? If not, try giving them one. If this is not defined, the browser does not know the height and width of the image until it's loaded.
请恋爱 2024-08-10 22:11:30

尝试将它们向左或向右浮动(取决于您的布局)或将它们设为块:

.myimg { float:left;显示:块; }

Try floating them left or right (depending on your layout) and or making them blocks:

.myimg { float:left; display:block; }

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文