小编Sam*_*Sam的帖子
将div中的浮动列表项<li>居中或其<ul>
HTML:
<div class="imgcontainer">
<ul>
<li><img src="1.jpg" alt="" /></li>
<li><img src="2.jpg" alt="" /></li>
.....
</ul>
</div>
我通过创建无序列表编写一个简单的图库页面,它的每个列表项都包含一个图像.
ul li {
float: left;
}
我将容器的宽度设置为"max-width",这样我就可以使列表项(图像)适合浏览器宽度..这意味着当浏览器窗口重新调整大小时,它们将被重新排列.
.imgcontainer{
max-width: 750px;
}
现在问题是那些图像或列表项没有对齐到中心,它们对齐到.imgcontainer体的左侧(在下面的附加链接中为灰色),当窗口重新调整大小时在右侧留下空格!
每次窗口调整大小时,如何将这些图像居中？
这是您可以在JS Bin上预览或编辑的整个页面/代码
16
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
使用jplayer鼠标点击播放Mp3声音片段？
实际上这是我第一次使用jplayer插件,所以我需要的是当我点击div时播放声音片段(2秒),我不知道如何使用jplayer!
我还需要在缓存中加载声音片段文件以及页面正在加载,因此当我单击该div时,声音片段会立即播放而不会在单击时加载它
顺便说一下,有没有可能不使用jplayer,jquery可能吗？!
9
推荐指数
推荐指数
1
解决办法
解决办法
2196
查看次数
查看次数
如果我使用本地jquery.js文件,jQuery代码不起作用,为什么？
让我们说这个页面例如..
<!doctype html>
<html>
<head>
</head>
<body>
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
});
</script>
<div id="div1"></div>
</body>
</html>
如你所见,我正在使用一个本地jQuery文件(jquery.js),所以每次我编写jQuery代码时,它都无法知道我的页面和jquery.js同一级别.
但是,当我在线使用jQuery文件时,例如这样
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
一切正常......
此外,我试图把<script></script>在<head>但没有任何工程
Ps我下载了我在线使用并在本地使用的相同文件.
5
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
这两个jQuery函数有什么区别？
这两个jQuery函数有什么区别？
.bind(' click ',...和.click(...
1. $("#div").bind('click', function(event) { });
2. $("#div").click(function() { });
1
推荐指数
推荐指数
1
解决办法
解决办法
142
查看次数
查看次数