作者:电脑信息网日期:
返回目录:设置问题
这样实现起来很麻烦,个人给个建议,不知道行不行:
使用百分比设置li的宽度,具体百分比根据li列表的数量 width:1/li总数 %
那需要css+js来实现
代码片段如下:
<style type="text/css">
#autoimg {
max-width:500px; /*IE7、FF、Opera等其他非IE6浏览器下最e5a48de588b6e79fa5e98193361大宽度为500px;*/
}
</style>
<img src="图片路径" id="autoimg" />
<script language="javascript">
//IE6浏览器下图片autoimg的最大宽度为500px
function set_autoimg_width() {
var width = parseInt(document.getElementById("autoimg").width);
if (width > 0) {
if (width > 500)
document.getElementById("autoimg").width = 500;
window.clearInterval(iid);
}
}
var iid = window.setInterval(set_autoimg_width, 100);
</script>
上面的CSS和JS可以让图片的宽度自动适应为小于或等于500PX。
举一反三,你根据你的需要调整宽度的值就可以了。
.topnav ul{width:100%; text-align:right}
.topnav ul li{ display:inline-block}