与Blackberry Browser 4.2的间距问题

时间:2009-10-06 21:16:15

标签: html browser blackberry layout rim-4.2

我正在编写一个面向Blackberry Browser 4.2的Web应用程序。我想在链接列表之间有一些垂直间距。我知道4.2不支持填充和边距,但我认为它支持高度或行高。我无法上班。

我真的不想使用换行符。任何建议

2 个答案:

答案 0 :(得分: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>

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

答案 1 :(得分:1)

我认为您不应该觉得需要在BlackBerry浏览器上看起来像漂亮,特别是4.6之前的版本(甚至是那时候)。当然,保持组织有序,但在特定的浏览器上使事情看起来很好是令人沮丧和短暂的。例如,这是一个带有一些CSS样式的无序列表(&lt; ul&gt;),看看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>

alt text http://www.freeimagehosting.net/uploads/eaacad53a6.png