在HTML和CSS

Question

我正在尝试在其网页上显示餐馆的菜单。我试图制作2个相邻的列表。我已成功完成，但每个列表项之间有大量空间。此外，单词的重音不会在网页中正确显示。有什么想法吗？这是我的代码：

＆＃13;

＆＃13;

#list {
  display: block;
  width: 50%;
  height: 100%;
  float: left;
}

#list li {
  display: block;
  width: 50%;
  height: 100%;
  position: relative;
}

#list2 {
  display: block;
  width: 50%;
  height: 80%;
  float: right;
}

#list2 li {
  display: block;
  width: 50%;
  height: 100%;
  position: relative;
}

＆＃13;

<ul id="list">
  <li><dt><b>1 Chả Giò Chay</b></dt><dd>Vegetarian Spring Rolls(2)</dd><br></li>
  <li><dt><b>2 Chả Giò</b></dt><dd>Spring Rolls(2)</dd><br></li>
  <li><dt><b>3 Gỏi Cuốn Chay</b></dt><dd>Fresh rice paper Vegetarian Rolls(2)</dd><br></li>
  <li><dt><b>4 Gỏi Cuốn</b></dt><dd>Fresh rice paper Shrimp & Pork Rolls(2)</dd><br></li>
  <li><dt><b>5 Gỏi Cuốn Thịt</b></dt><dd>Fresh rice paper Pork Rolls(2)</dd><br></li>
</ul>
<ul id="list2">
  <li><dt><b>11 Gà Chiên Bột</b></dt><dd>Spring Rolls(2)</dd><br></li>
  <li><dt><b>12 Gà Teriyaki</b></dt><dd>Spring Rolls(2)</dd><br></li>
  <li><dt><b>13 Gà Đặc Biệt</b></dt><dd>Spring Rolls(2)</dd><br></li>
  <li><dt><b>14 Ca Chiên</b></dt><dd>Spring Rolls(2)</dd><br></li>
  <li><dt><b>15 Ca Viên Chiên</b></dt><dd>Spring Rolls(2)</dd><br></li>                   
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您的列表似乎添加了<br>个标签。我不认为这些是必要的。如果没有它们，我就不会在两行之间得到任何夸张的空间。

至于你的其他问题，你会想看看几个选项：

1. meta charset characters。你应该能够使用unicode 8;如果您还没有将以下内容添加到页面的标题中！ <meta charset="utf-8">

2. 将字符替换为特殊的HTML实体（不推荐而且效率低下。http://art-hanoi.com/vncode/

Answer 2

使用列表的margin属性来设置元素之间的间距。