html - 使用左浮动时如何删除 block 下方未使用的空间。

Question

这是我的样式，包含左侧 float 和固定宽度。

<style>
ul { width:600px; }
ul li  { list-style:none; float:left; width:49%; border:1px solid; }

这是我的 Html

<ul>
<li>testing</li>
<li>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a </li>
<li>testing</li>
<li>testing</li>
<li>testing</li>
<li>testing</li>
<li>testing</li>
<li>testing</li>

现在，输出将类似于:第一个 li 元素将采用第二个大 li 元素的高度。第三个 li 元素将以第一个 li 元素下的大量空白开始。

如何删除这个空格。可以将我的第三个里 block 放在第一个里 block 下面吗？

Answer 1

这需要使用 jQuery 来完成。

这是它的插件之一。

http://www.jqueryscript.net/layout/Dynamic-Grid-Layout-Plugin.html