我有一个横向固定的div(例如菜单栏),我试图弄清楚如何将图像放在表格视图(例如3列和X行)中,知道这些图像是动态的。产生。
更具体地说,我将放置10张图像。我可以将它们放置在html中,但是javascript会根据各种因素(主要是用户权限)显示或不显示某些图像,因此我希望这些图像能够自动重新排序。
我比CSS粉丝更像是JS,所以我将图像固定放置并使用脚本来处理其顶部和左侧属性,但是我敢肯定有某种方法可以使用CSS(不是CSS3,我正在尝试做一些复古兼容)或其他任何更简单的方法。
非常感谢
最佳答案
我认为这就是您所需要的。
http://jsfiddle.net/x6zfW/10/
请确认。
HTML:
<div id="ui_myMenu">
<div id ="ui_ui_myMenuTitle">HELLO TITLE</div>
<img id="ui_image1" class="ui_menuIcons" src ="http://www.designworks.co.nz/uploads/images/case-studies/nz-post/post_button.jpg"/>
<img id="ui_image2" class="ui_menuIcons" src="http://t2.ftcdn.net/jpg/00/24/77/15/400_F_24771516_GheG3ehk2o3T6mJJkFy9k2siYoMrVigc.jpg"/>
</div>
CSS:
#ui_myMenu{
position: fixed;
bottom: 15%;
width: 575px;
height: 426px;
left: 2%;
top:2%;
background:url('http://www.psdgraphics.com/wp-content/uploads/2009/02/abstract-background.jpg') left top no-repeat;
}
#ui_myMenuTitle{
margin-left: 16%;
margin-top: 4.8%;
font-size: 380%;
}
.ui_menuIcons{
float: left;
width : 5%;
height : 7%;
}
关于javascript - 如何将图像列表放在固定的div中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11485391/