如何在html中將列插入到完成的表中？

我使用HTML創建這樣一個表：如何在html中將列插入到完成的表中？

<h1>SEAFOOD<br><span>w. White Rice</span></h1> 
       <table> 
        <tr> 
         <td>72.</td> 
         <td>Shrimp Lo Mein</td> 
         <td>6.75</td> 
        </tr> 
        <tr> 
         <td>73.</td> 
         <td>Burry Shrimp</td> 
         <td>9.25</td> 
        </tr> 
        <tr> 
         <td>74.</td> 
         <td>Shrimp w. Mixed Vegetable</td> 
         <td>9.25</td> 
        </tr> 
        <tr> 
         <td>75.</td> 
         <td>Shrimp w. Mushroon</td> 
         <td>9.25</td> 
        </tr> 
        <tr> 
         <td>76.</td> 
         <td>Shrimp w. Garlic Shuce</td> 
         <td>9.25</td> 
        </tr> 
        <tr> 
         <td>77.</td> 
         <td>Szechuan Shrimp</td> 
         <td>9.25</td> 
        </tr> 
        <tr> 
         <td>78.</td> 
         <td>Coconut Shrimp</td> 
         <td>11.99</td> 
        </tr> 
       </table>

，我想通了，我需要蝦撈麪和巴里蝦

之間多了一個菜，因爲我不想重新進入整盤的數量到我的桌子，有沒有更快的方法來做到這一點？

來源

2013-12-22 paradox

您可以更新表格中的所有下一行，也可以讓瀏覽器使用CSS來爲您做。看看這個jFiddle：http://jsfiddle.net/SpacePineapple/Xkj6u/1/

在CSS3中計數可以使用計數器增量完成。所以，例如：

body { counter-reset: numList; } //resetting the counter 
span.counter::after { 
     counter-increment: numList; //increment 
     content: counter(numList) "."; //write to content 
}

會引起每個計數器跨度（跨距與class=counter）進行編號。

即使跨度的位置發生變化，或者其他跨度在兩者之間動態添加時，瀏覽器仍會保留此規則。

，你可以做同樣的<td>的

table{counter-reset: numList} //reset counter when a table begins 
tr td:first-child::before { //first-child = the first TD in the TR 
     counter-increment: numList; //increment 
     content: counter(numList) "."; //write to content 
}

分叉的小提琴：http://jsfiddle.net/SpacePineapple/9LZNd/

http://css-tricks.com/almanac/properties/c/counter-increment/ http://www.w3schools.com/cssref/pr_gen_counter-increment.asp

來源

2013-12-22 18:43:26 TastySpaceApple

的數字似乎是內容的一部分 - 他們大概會被使用在訂購時參考菜餚 - 因此它們最好包含在HTML標記中，而不是用CSS或JavaScript添加。

根據用於創建和編輯頁面的技術，可能會有方便的工具來爲您編號。然後，您可以維護一個沒有數字的表格，並且該工具（例如PHP代碼）將生成一個HTML table元素，並插入數字。

來源

2013-12-22 20:51:11

如何在html中將列插入到完成的表中？

回答

相關問題