日期:2014-05-17  浏览次数:20707 次

问个CSS布局的问题。
我照着书上敲的代码,这是我的页面的显示样式:


不知道知道怎么回事,两行之间总有空隙。我希望两行之间不要有那个空隙。请问,该怎么改?

HTML code
<!DOCTYPE html>
<html>
<head>
<meta http-equv="Content-Type" content="text/html;charset=UTF-8" />
<title>Events Calendar</title>
<link rel="stylesheet" type="text/css" media="screen,projection" href="css/style.css" />
</head>

<body>
<div id="content">
  <h2>January 2010</h2>
  <ul class="weekdays">
    <li>Sun</li>
    <li>Mon</li>
    <li>Tue</li>
    <li>Wed</li>
    <li>Thu</li>
    <li>Fri</li>
    <li>Sat</li>
  </ul>
  <ul>
    <li class="fill">&nbsp;</li>
    <li class="fill">&nbsp;</li>
    <li class="fill">&nbsp;</li>
    <li class="fill">&nbsp;</li>
    <li class="fill">&nbsp;</li>
    <li class=""><strong>01</strong><a href="view.php?event_id=1">New Year&#039s Day</a></li>
    <li class=""><strong>02</strong></li>
  </ul>
  <ul>
    <li class=""><strong>03</strong></li>
    <li class=""><strong>04</strong></li>
    <li class=""><strong>05</strong></li>
    <li class=""><strong>06</strong></li>
    <li class=""><strong>07</strong></li>
    <li class=""><strong>08</strong></li>
    <li class=""><strong>09</strong></li>
  </ul>
  <ul>
    <li class=""><strong>10</strong></li>
    <li class=""><strong>11</strong></li>
    <li class=""><strong>12</strong></li>
    <li class=""><strong>13</strong></li>
    <li class=""><strong>14</strong></li>
    <li class=""><strong>15</strong></li>
    <li class=""><strong>16</strong></li>
  </ul>
  <ul>
    <li class=""><strong>17</strong></li>
    <li class=""><strong>18</strong></li>
    <li class=""><strong>19</strong></li>
    <li class=""><strong>20</strong></li>
    <li class=""><strong>21</strong></li>
    <li class=""><strong>22</strong></li>
    <li class=""><strong>23</strong></li>
  </ul>
  <ul>
    <li class=""><strong>24</strong></li>
    <li class=""><strong>25</strong></li>
    <li class=""><strong>26</strong></li>
    <li class=""><strong>27</strong></li>
    <li class=""><strong>28</strong></li>
    <li class=""><strong>29</strong></li>
    <li class=""><strong>30</strong></li>
  </ul>
  <ul>
    <li class=""><strong>31</strong><a href="view.php?event_id=2">Last Day of January</a></li>
    <li class="fill">&nbsp;</li>
    <li class="fill">&nbsp;</li>
    &