英文:
Why is there a thick line on the left side of each HTML calendar?
问题
以下是使用 flex 布局的日历，您想要去掉每个月标题下方左侧的粗线：
table.calendar th.month {
background-color: #d9d9d9;
line-height: 1.75;
}
您可以尝试删除上述代码块中的 background-color 行，这将去掉每个月标题下方的背景颜色。
英文:
Here is a calendar that is laid out using flex:
https://jsfiddle.net/elmonty/mafhksjp/8/
Notice how each month has a thicker line on the left side below the heading rows. How can I get rid of this line?
Here is the complete HTML & CSS code:
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
#calendars-container {
text-align: center;
font-family: Roboto;
font-size: 9pt;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
table.calendar {
outline: 1px solid #555;
border-collapse: collapse;
margin: 0;
}
table.calendar thead {
background-color: #e6eaef;
}
table.calendar th {
font-weight: normal;
line-height: 1.5;
}
table.calendar th.month {
background-color: #d9d9d9;
line-height: 1.75;
}
table.calendar td {
padding: 2px 4px;
}
<!-- language: lang-html -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<html>
<body>
<div id="calendars-container">
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">June&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td colspan="1">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">July&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="6">&nbsp;</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
</tr>
<tr>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
</tr>
<tr>
<td>30</td>
<td>31</td>
<td colspan="5">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">August&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">September&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">&nbsp;</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">October&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="4">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">November&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">December&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">&nbsp;</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
<tr>
<td>31</td>
<td colspan="6">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">January&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="3">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">February&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">March&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">&nbsp;</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
<tr>
<td>31</td>
<td colspan="6">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">April&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td colspan="4">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">May&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="1">&nbsp;</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
<!-- end snippet -->
答案1
得分: 0
"Matt is right about the cause but not the solution. The solution is to add a 1px margin on the right and bottom of each calendar table.
table.calendar {margin: 0 1px 1px 0;}"
英文:
Matt is right about the cause but not the solution. The solution is to add a 1px margin on the right and bottom of each calendar table.
table.calendar {margin: 0 1px 1px 0;}
答案2
得分: 0
作为一个选项，你可以将 outline 替换为 border，并为 .calendar 设置负 margin：
#calendars-container {
text-align: center;
font-family: Roboto;
font-size: 9pt;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
margin: 1px 0 0 1px; /* 用于补偿 .calendar 的 margin */
}
table.calendar {
border: 1px solid #555; /* 👈 */
margin: -1px 0 0 -1px; /* 👈 */
border-collapse: collapse;
}
table.calendar thead {
background-color: #e6eaef;
}
table.calendar th {
font-weight: normal;
line-height: 1.5;
}
table.calendar th.month {
background-color: #d9d9d9;
line-height: 1.75;
}
table.calendar td {
padding: 2px 4px;
}
请注意，这只是 CSS 代码的一部分。如果需要完整的 HTML 和其他代码，请提供更多上下文或具体要求。
英文:
As an option, you can replace the outline with a border, and set a negative margin to .calendar:
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
#calendars-container {
text-align: center;
font-family: Roboto;
font-size: 9pt;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
margin:1px 0 0 1px; /* To compensate for the margin .calendar */
}
table.calendar {
border: 1px solid #555; /* 👈 */
margin: -1px 0 0 -1px; /* 👈 */
border-collapse: collapse;
}
table.calendar thead {
background-color: #e6eaef;
}
table.calendar th {
font-weight: normal;
line-height: 1.5;
}
table.calendar th.month {
background-color: #d9d9d9;
line-height: 1.75;
}
table.calendar td {
padding: 2px 4px;
}
<!-- language: lang-html -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<html>
<body>
<div id="calendars-container">
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">June&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td colspan="1">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">July&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="6">&nbsp;</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
</tr>
<tr>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
</tr>
<tr>
<td>30</td>
<td>31</td>
<td colspan="5">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">August&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">September&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">&nbsp;</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">October&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="4">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">November&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">December&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">&nbsp;</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
<tr>
<td>31</td>
<td colspan="6">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">January&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="3">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">February&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">March&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">&nbsp;</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
<tr>
<td>31</td>
<td colspan="6">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">April&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td colspan="4">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">May&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="1">&nbsp;</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
<!-- end snippet -->
答案3
得分: -1
You've got 1px borders butting up against each other. This is causing a 2px border. A little trick that'll work is to remove the outline, add a 1px gap on #calendars-container and use box-shadow to represent your borders. Because box-shadow is virtually drawn in and not a part of the box model they can overlap:
#calendars-container
{
text-align: center;
font-family: Roboto;
font-size: 9pt;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: 1px;
}
table.calendar
{
border-collapse: collapse;
margin: 0;
box-shadow: 0 0 0 1px #000;
}
英文:
You've got 1px borders butting up against each other. This is causing a 2px border. A little trick that'll work is to remove the outline, add a 1px gap on #calendars-container and use box-shadow to represent your borders. Because box-shadow is virtually drawn in and not a part of the box model they can overlap:
#calendars-container
{
text-align: center;
font-family: Roboto;
font-size: 9pt;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: 1px;
}
table.calendar
{
border-collapse: collapse;
margin: 0;
box-shadow: 0 0 0 1px #000;
}
https://jsfiddle.net/hv8s5wd1/
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
#calendars-container
{
text-align: center;
font-family: Roboto;
font-size: 9pt;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: 1px;
}
table.calendar
{
border-collapse: collapse;
margin: 0;
box-shadow: 0 0 0 1px #000;
}
table.calendar thead {
background-color: #e6eaef;
}
table.calendar th {
font-weight: normal;
line-height: 1.5;
}
table.calendar th.month {
background-color: #d9d9d9;
line-height: 1.75;
}
table.calendar td {
padding: 2px 4px;
}
<!-- language: lang-html -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<html>
<body>
<div id="calendars-container">
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">June&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td colspan="1">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">July&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="6">&nbsp;</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
</tr>
<tr>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
</tr>
<tr>
<td>30</td>
<td>31</td>
<td colspan="5">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">August&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">September&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">&nbsp;</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">October&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="4">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">November&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">December&nbsp;2023</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">&nbsp;</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
<tr>
<td>31</td>
<td colspan="6">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">January&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="3">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">February&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">March&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">&nbsp;</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
<tr>
<td>31</td>
<td colspan="6">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">April&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td colspan="4">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="calendar">
<thead>
<tr>
<th class="month" colspan="7">May&nbsp;2024</th>
</tr>
<tr>
<th abbr="S">S</th>
<th abbr="M">M</th>
<th abbr="T">T</th>
<th abbr="W">W</th>
<th abbr="T">T</th>
<th abbr="F">F</th>
<th abbr="S">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td colspan="1">&nbsp;</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
<!-- end snippet -->
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论