gpt4 book ai didi

html - CSS float :left causes thumbnails to align diagonal to each other. ..>.<

转载 作者:行者123 更新时间:2023-11-28 00:23:32 26 4
gpt4 key购买 nike

我在更新网站结构时遇到了这个奇怪的问题。

站点 URL 是 http://nailian.ca .

我每页有很多,但是当我给他们一个

缩略图{float:left;宽度:150px;高度:200px;边距:6px;

它们开始在我的首页上彼此成对 Angular 线对齐。

我知道它与 CSS 的其他部分有关,因为我可以在在线练习板上毫无问题地完成这个技巧。

但为什么在我的网站上它表现得如此喜怒无常!!??

最佳答案

最初的问题是你的 html 结构是这样的:

http://img143.imageshack.us/img143/3696/thumbubc.jpg

  1. .thumbnails 是您的图片的容器。
  2. 这意味着您在每张图片之间都有一些帖子容器原因。
  3. 你应该把帖子从中间移开,或者把所有的图片都放在一起在一个帖子中。

(注意帖子容器是空的。)

关于html - CSS float :left causes thumbnails to align diagonal to each other. ..>.<,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7343802/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com