所以我是html的新手,使用别人的图库和代码,并且弄清楚它是如何工作的。我能够在图库中添加一个上边距(通过使用margin和margin-top命令),但是在尝试向右移动图库时,边距和边距都没有任何区别。我已经粘贴了CSS和相关代码。
CSS
ul.bjqs{position:absolute; list-style:none;padding:0;margin:100;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
<div id="banner-fade" style="height: 306px; max-width: 460px; position: relative;">
<div class="bjqs-wrapper" style="width: 460px; height: 306px; overflow: hidden; position: relative;">
HTML
<div id="banner_container">
<!-- Outer wrapper for presentation only, this can be anything you like -->
<div id="banner-fade">
<!-- start Basic Jquery Slider -->
<ul class="bjqs">
答案 0 :(得分:1)
首先,我要说你的示例代码没有提供很多材料来帮助。我逐字复制了它,但我仍然没有看到任何内容。我也看不到你正在使用的任何jquery。你在使用循环插件吗?但是,在基本情况下,如果边距不起作用,您可能需要将元素的位置设置为position:absolute;
,如果不起作用,请使用static;
和relative;
。您可能还想使用float属性,例如float:middle
。这就是你如何定位普通元素,如果你给出了更好的示例代码,我可能会帮助你更多。试试flp并在css中定位。 :)