將表格或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