0

我的新帮助:

我尝试了很多东西,但没有一个效果很好。我想让像“Sympany Hauptsitz”中心和Nan KM 这样的文本有点不利。

如何从文本中更改位置?

这是我的问题的图片。

在此处输入图像描述

我有这个源代码:

这是我的源代码:

<section id="listview">
<ul class="liste">

</ul>
</section>

<script>
//laden der json datei und befüllen der Tabelle
$.getJSON('faddress.json', function(json){
var erg = json;
$.each(json, function(i, daten){
//Kartenausschnitt
var ausschnitt = 'http://maps.googleapis.com/maps/api/staticmap?size=50x50&markers=color:blue|size:tiny|'+daten.Position.Latitude+','+daten.Position.Longitude+'&sensor=true';

$('#listview').find('ul.liste').append('<li><img src="'+ausschnitt+'">'+ i +'<span>'+ entfernungBerechnen(mylongitude,mylatitude,daten.Position.Longitude,daten.Position.Latitude )+'</span></li>');
});
});
</script>

而这个Sytelsheet:

ul.liste {
padding: 0;
margin: 9px;
list-style: none;
border: 1px solid #a1a7ad;
border-radius: 8px;

font-weight: bold;
box-shadow: 0 1px 0 #fff;
}

ul.liste li {
background: #f7f7f7;
border-top: 1px solid #fdfdfd;
border-bottom: 1px solid #cacaca;
padding: 5px 10px;
line-height: 30px;
font-size:12px;
height: 50px;
}

ul.liste li:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-color: #e5e5e5;
}

ul.liste li:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

ul.liste li span {
float: right;
display: block;
color: #999;
font-weight: normal;
}
4

1 回答 1

0

样式列表的 #1 规则:

display:block在-tag 上使用A并将所有非位置样式放在 A-tag 上,而不是LI.

对于 LI,仅使用:display: position:float:,其余的继续使用 A。

于 2012-11-22T15:44:10.753 回答