Question

有序列表应该如下所示： link

编辑：很奇怪，这里的代码无法正常显示......

<table width="1098">  <tr>
<td width="479" height="147"><img src="NYPLogo.png" width="459" height="100" /></td>
<td width="29" id = "name">Products</td>
<td width="574">&nbsp;</td></tr>  <tr>
<td>&nbsp;</td>
<td colspan="2"><div id = "words">Announcements<br />
  <br />
  GSM Registrration Round 1 : xx-Apr-2011 to xx-Apr-2011<br />
  <br />
GSM Registration Round 2: xx-Apr-2011 to xx-Apr-2011<br />
<br />
<ul id = "courselist">
<li><img src = "NYPLogo.png" alt = "" width= "200" height="44" /></li>
<li><img src = "NYPLogo.png" alt = "" width= "200" height="43" /></li>
<li><img src = "NYPLogo.png" alt = "" width= "200" height="41" /></li>
<li><img src = "NYPLogo.png" alt = "" width= "200"  /></li>
</ul>
</div>      
  <p><br />
</p></td> </tr></table>

Answer 1

最后一张图片没有指定高度？我想你想让图像排成一行吗？

Answer 2

尝试将li设置为显示：inline;像这样：

#courselist li{
 display:inline;  
}

这样他们就会彼此相邻而不是在新线上出现。

Answer 3

不是使用表来获取3x2布局，而是尝试浮动div块：

    <style>
     .box{ float:left; height:100px; width:100px;
    </style>
    <div class=box>box 1</div>
    <div class=box>box 2</div>
    <div class=box>box 3</div>
      <br>
    <div class=box>box 4</div>
    <div class=box>box 5</div>
    <div class=box>box 6</div>
>/pre<

Answer 4

显示：内联;将忽略宽度和高度变量。你必须使用display：inline-block;代替。

我为你创造了一个快速的小提琴。你会明白的。 http://jsfiddle.net/hobobne/gq9e8/

有序列表无法正确显示？

4 个答案: