UC知道关于php相册和css样式，求高人指点
来源：百度知道 编辑：UC知道 时间：2024/06/28 05:13:46
怎么在css中设置照片的位置，我想是横着的
这是我设计的，但是竖着的。
<p align="center"><a class="list" href="photo/<?=$row[3] ;?>"><img src="photo/<?=$row[3] ;?>" width="156" height="122" border="0" /><span><img src="photo/<?=$row[3] ;?>" alt="big" /></span></a></p>
下面是css样式
.list{position:relative}
.list span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px; width:500px;
}
.list span{
position: absolute;
padding: 3px;
border: 1px solid gray;
visibility: hidden;
background-color:#FFFFFF;
}
folat不行，我试过了，是斜的，不是横的
这是我设计的，但是竖着的。
<p align="center"><a class="list" href="photo/<?=$row[3] ;?>"><img src="photo/<?=$row[3] ;?>" width="156" height="122" border="0" /><span><img src="photo/<?=$row[3] ;?>" alt="big" /></span></a></p>
下面是css样式
.list{position:relative}
.list span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px; width:500px;
}
.list span{
position: absolute;
padding: 3px;
border: 1px solid gray;
visibility: hidden;
background-color:#FFFFFF;
}
folat不行，我试过了，是斜的，不是横的
设置了float为left之后，必须要定义宽度，否则即使float，也会独占一行。即你看到的竖排的了。
如果你想每行2张，就设置width:49.5%;
3张 width:32.5%;
……
依此类推，只要比 1/每行个数 少一点即可。
貌似加个float:left
或者用display：inline试试
float:left；试试