1

我正在编写一个针对黑莓浏览器 4.2 的 Web 应用程序。我想在链接列表之间有一些垂直间距。我知道 4.2 不支持填充和边距，但我认为它支持高度或行高。我也不能上班。

我真的不想使用换行符。有什么建议么

4

2 回答 2

1

表格和图像空间支架

您可以使用表格和一些透明图像作为空间持有者： 

<html>
 <table>
  <tr>
   <td>
    <a href = 'http:\\www.google.com'>link 1</a>
   </td>
  </tr>
  <tr>
   <td>
    <a href = 'http:\\www.google.com'>link 2</a>
   </td>
  </tr>
  <tr>
   <td>
    <img src = 'spaceholder.gif'/>
   </td>
  </tr>
  <tr>
   <td>
    <a href = 'http:\\www.google.com'>link 3</a>
   </td>
  </tr>
 </table>
</html>

制作一个小图像并多次使用它以获得更精确的间距

于 2009-10-07T05:16:11.720 回答
1

我认为你不应该觉得有必要让黑莓浏览器上的东西看起来很漂亮，尤其是 4.6 之前的浏览器（即使那样，是的）。当然，要让事情井井有条，但是在特定的浏览器上让事情看起来不错是太令人沮丧和短暂的了。例如，下面是一个带有一些 CSS 样式的无序列表 (<ul>)，看看 4.2 和 4.3 的区别：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Hello.</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body{background: #FFFFFF;font: 85% Calibri,sans-serif;}
h1{ font-size:120%; color: #06F;}
h2 { font-size:110%; color: #06F;}
h3 { font-size:105%; color: #F60;}
ul { list-style: none;}
a{color: #00F;text-decoration:underline}
div#container{width:280px;}
</style>
</head>
<body>
  <div id="container">     
    <p>     
      <ul>
        <li>&nbsp;</li>
        <li><p><h2>Your BlackBerry App</h2></p></li>  
        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae nulla sit amet ligula sollicitudin suscipit ut eget turpis.</li>
        <li>&nbsp;</li>
        <li><a href="resources">Tools</a></li>
        <li>&nbsp;</li>
        <li><a href="builds">Builds</a></li>
        <li>&nbsp;</li>
        <li><a href="">Another link</a></li>
      </ul>
    </p>   
  </div>
</body>
</html>

替代文字 http://www.freeimagehosting.net/uploads/eaacad53a6.png

于 2009-11-21T05:48:13.490 回答