PNG 按钮无法正确亮起
我有 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
标签是否有明确的高度和宽度?即
?如果没有,请尝试给他们一个。如果未定义,则浏览器在加载图像之前不会知道图像的高度和宽度。
<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.尝试将它们向左或向右浮动(取决于您的布局)或将它们设为块:
.myimg { float:left;显示:块; }
Try floating them left or right (depending on your layout) and or making them blocks:
.myimg { float:left; display:block; }