Question

I have a photo gallery and my photos are diplayed as thumbnails. When I resize the browser they move as I want them to but instead of getting evenly pushed down on to the next line they instead go down but overlap oeach other.

当浏览器满时,图像显示有罚款。此处是显示浏览器较小时图像移动和重叠的屏幕:

“entergraph

我目前正在使用这一法典。

div.photoimg
  {
  margin:2px;
  padding: 5px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img photoimg
  {
  display:inline;
  margin:3px;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:200px;
  margin:2px;
  }

许多人感谢任何帮助。

Answer 1

I am not sure, but try instead of div.img photoimg { display:inline; } use div.img photoimg { display:block; }

友情链接