Question

我想作如下改动:

<div id="system">
   <div id="product_cont img">
      <img src="image1.jpg" />
      <img src="image2.jpg" />
      <img src="image3.jpg" />
..
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Nunc porta euismod luctus. Curabitur vehicula scelerisque diam at vestibulum.     
Pellentesque in lacus et augue malesuad.
   </div>
</div>

同意这一点。

<div id="system">
    <div id="product_cont img">
      <ul class="cont_thumb">
        <li><img src="image1.jpg" /></li>
        <li><img src="image2.jpg" /></li>
        <li><img src="image3.jpg" /></li>
         ...
       </ul>
       <div style="clear:both;"></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Nunc porta euismod luctus. Curabitur vehicula scelerisque diam at vestibulum.     
Pellentesque in lacus et augue malesuad
    </div>
</div>

当我使用以下图像时,可按<代码><li>和<ul>对图像进行总结。

$("#system #product_cont img").wrapAll("<ul class="cont_thumb">").wrap("<li>");

但是,我不肯定在<代码></ul> tag with jquery之后如何添加:

<div style="clear:both;"></div>

我尝试了这一点,但做了大量工作:

$("#system #product_cont img").wrapAll("<ul class="cont_thumb">").wrap("<li>").after( <div style="clear:both;"></div> );

Answer 1

如果您的<代码><li> 内容是浮动的,你只能将这一点列入《社会保障法》(而不是<>>,并添加<代码><div>:

#cont_thumb { overflow: auto; }

因此,当其高度分散时,它就会造成伤亡。 Quirksmode.org,rel=“nofollow noreferer”>。另外,id=“product_cont img” isn t valid, 即使是在超文本5中,你也应当使用不含空间的身份证来避免副作用和CSS选择疼痛。

如果您重新编辑并需要全方位的清晰度(和<代码>over:无<>/代码>也不符合该法案),你可以这样做:

$("#system #product_cont img").wrapAll( <ul class="cont_thumb"> ).wrap( <li /> ) .closest( ul ).after( <div style="clear:both;"></div> );

Answer 2

$(“#system #product_cont img”).append( <div way=”clear: both; ></div>”应当足够。

友情链接