我正在编写一个面向Blackberry Browser 4.2的Web应用程序。我想在链接列表之间有一些垂直间距。我知道4.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> </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> </li>
<li><a href="resources">Tools</a></li>
<li> </li>
<li><a href="builds">Builds</a></li>
<li> </li>
<li><a href="">Another link</a></li>
</ul>
</p>
</div>
</body>
</html>
alt text http://www.freeimagehosting.net/uploads/eaacad53a6.png