我正试图用一只镜子旁边展示图像。 问题是,这些图像不是在网上显示的,而是作为清单(我正在使用<代码><ul> tag来做到这一点)。 Maybe 我使用了错误的标签,或者我的手套错了(见下文):
ul {
float: left;
width: 15em; /* width is changed */
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}
li {
float: left;
width: 100%;
margin: 20%;
}
尝试:
ul.gallery {
height:425px;
width:200px;
list-style-type: none;
}
ul.gallery li {
border:1px solid #BBBBBB;
float:right;
height:50px;
margin-right:7px;
margin-top:7px;
width:50px;
}
And the (x)html
<ul class="gallery">
<li><img src="images/0001.jpg" /></li>
<li><img src="images/0001.jpg" /></li>
<li><img src="images/0001.jpg" /></li>
<li><img src="images/0001.jpg" /></li>
<li><img src="images/0001.jpg" /></li>
<li><img src="images/0001.jpg" /></li>
<li><img src="images/0001.jpg" /></li>
<li><img src="images/0001.jpg" /></li>
<li><img src="images/0001.jpg" /></li>
</ul>
为什么不使用标语而不是ul/利? 采用名单标语或许是你重新获得名单的原因。
你们正在努力这样做?
ul
li img 1 /li
li img 2 /li
/ul
如果是的话,你就应该把 c放在利要素上。
li { display:block float:left padding: 0 margin: 0}
ul { padding:0 margin 0;}