黑莓浏览器 4.2 的间距问题答案

【问题标题】：spacing issues with Blackberry Browser 4.2黑莓浏览器 4.2 的间距问题
【发布时间】：2015-09-22 08:46:06
【问题描述】：

我正在编写一个针对 Blackberry Browser 4.2 的 Web 应用程序。我想在链接列表之间有一些垂直间距。我知道 4.2 不支持填充和边距，但我认为它支持高度或行高。我不能去工作。

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

【问题讨论】：

标签： html browser blackberry layout rim-4.2

【解决方案1】：

我认为您不应该觉得有必要让 BlackBerry 浏览器上的东西看起来漂亮，尤其是 4.6 之前的浏览器（即使那样，是的）。当然，让事情井井有条，但是在特定的浏览器上让事情看起来很漂亮是太令人沮丧和短暂的了。比如这里有一个无序列表（

）加上一些 CSS Style，看看 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

【讨论】：

【解决方案2】：

表格和图像空间支架

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

<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>

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

【讨论】：

我不得不从您的帖子中删除图像，因为 ImageShack 已将它们删除并用广告取而代之。请参阅meta.stackexchange.com/q/263771/215468 了解更多信息。如果可能，您最好重新上传它们。谢谢！