将表格或DIV列包装成多行

Question

我正在使用一个CMS，它使用占位符（例如，

<td> 
[[TITLE]] 
<br /> 
[[DESCRIPTION]] 
</td> 

问题是，这将使一个长表行。由于编写代码的方式，我无法在每隔几列后插入<tr>。有没有什么方法来包装行（甚至使用DIV模拟表）？

即使任何jquery/mootools /原型功能，可以适应做到这一点？

Answer 1

找到了解决方案：使用<ul>和<li>与CSS样式并在其周围放置一个<div>。

短的例子：

<style> 
#nav-menu li 
{ 
    height: 20px; 
    float: left; 
    width: 100px; 
    display: block; 
    border: 0.1em solid #dcdce9; 
    color: #0d2474; 
    text-decoration: none; 
    text-align: center; 
} 
#nav-menu ul 
{ 
    list-style: none; 
    padding: 0; 
    margin: 0; 
} 

#nav-menu { 
    /* You can change this width and the list will wrap */ 
    width: 400px; 
    border: 1px solid red; 
} 

</style> 

<div id="nav-menu"> 
    <ul> 
    <li><a href="#">Services</a></li> 
    <li><a href="#">About us</a></li> 
    <li><a href="#">Contact us</a></li> 
    <li><a href="#">Services</a></li> 
    <li><a href="#">About us</a></li> 
    <li><a href="#">Contact us</a></li> 
    <li><a href="#">Services</a></li> 
    <li><a href="#">About us</a></li> 
    <li><a href="#">Contact us</a></li> 
    </ul> 
</div> 

Answer 2

至于jQuery和表有大量的选项，在“表”。

http://webdesignledger.com/resources/12-useful-jquery-plugins-for-working-with-tables http://plugins.jquery.com/project/Plugins/category/54