CSS單元格平分技巧與實例

在CSS中，單元格的平分可以通過多種方法實現(xiàn)，以下是一些常見的技巧及其實例。

1. 使用flex布局

flex布局是CSS3中引入的一種強大的布局工具，可以輕松地實現(xiàn)單元格的平分。

實例：

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
  <div class="item">8</div>
  <div class="item">9</div>
  <div class="item">10</div>
  <div class="item">11</div>
  <div class="item">12</div>
  <div class="item">13</div>
  <div class="item">14</div>
  <div class="item">15</div>
  <div class="item">16</div>
  <div class="item">17</div>
  <div class="item">18</div>
  <div class="item">19</div>
  <div class="item">20</div>
  <div class="item">21</div>
  <div class="item">22</div>
  <div class="item">23</div>
  <div class="item">24</div>
  <div class="item">25</div>
  <div class="item">26</div>
  <div class="item">27</div>
  <div class="item">28</div>
  <div class="item">29</div>
  <div class="item">30</div>
  <div class="item">31</div>
  <div class="item">32</div>
  <div class="item">33</div>
  <div class="item">34</div>
  <div class="item">35</div>
  <div class="item">36</div>
  <div class="item">37</div>
  <div class="item">38</div>
  <div class="item">39</div>
  <div class="item">40</div>
  <div class="item">41</div>
  <div class="item">42</div>
  <div class="item">43</div>
  <div class="item">44</div>
  <div class="item">45</div>
  <div class="item">46</div>
  <div class="item">47</div>
  <div class="item">48</div>
  <div class="item">49</div>
  <div class="item">50</div>
  <div class="item">51</div>
  <div class="item">52</div>
  <div class="item">53</div>
  <div class="item">54</div>
  <div class="item">55</div>
  <div class="item">56</div>
  <div class="item">57</div>
  <div class="item">58</div>
  <div class="item">59</div>
  <div class="item">60</div>
  <div class="item">61</div>
  <div class="item">62</div>
  <div class="item">63</div>
  <div class="item">64</div>
  <div class="item">65</div>
  <div class="item">66</div>
  <div class="item">67</div>
  <div class="item">68</div>
  <div class="item">69</div>
  <div class="item">70</div>
  <div class="item">71</div>
  <div class="item">72</div>
  <div class="item">73</div>
  <div class