在无序列表中定位项目

我有一个demo。我想对齐左侧的红色箭头，如picture。但我无法弄清楚我该怎么做。顺便说一句，来自JavaScript方面的红色箭头。在无序列表中定位项目

function ytplayer_render_playlist() 
    { 
    var arrOfListNodes = Array.prototype.filter.call(document.getElementById('mylist').childNodes, function (e) {return e.tagName === 'LI';}); 
    for (var i = 0; i < ytplayer_playlist.length; i++) 
    { 
     var img = document.createElement("img"); 
     img.src = "track_arrow.gif"; 
     var a = document.createElement("a"); 
     a.href = "#ytplayer"; 
     a.onclick = (
     function(j) 
     { 
      return function() 
      { 
      ytplayer_playitem = j; 
      ytplayer_playlazy(0); 
      }; 
     } 
    )(i); 
     a.appendChild(img); 
     arrOfListNodes[i].insertBefore(a, arrOfListNodes[i].firstChild); 
    } 
    }

来源

2012-12-06 Tahtakafa

这是因为DIV是左浮动。只需在您创建的''元素上添加一个'float：left'。 – MrCode

定义.ikinciSol ul li afloat:left;

在你的CSS像这样

.ikinciSol ul li a{ 
float:left; 
}

结果

enter image description here

来源

2012-12-06 12:20:14

@Rohit，破折号的地方改变了。歌曲类内的项目也少有滑落。 – Tahtakafa

你可以尝试的ALTER原生方式，使用::before选择器。

像这样：

artist_track::before { 
    background-image: url(http://www.olmasigereken.com/demo2/track_arrow.gif); 
    background-repeat: no-repeat; 
}

来源

2012-12-06 12:22:45 Andy

你的方法在这种情况下是合适的。因为每当img标签在html中声明时，img标签都会请求。只有当请求进入服务器时才使用css。你的回答是对的。 – w3uiguru

然后，我怎样才能让这个背景图像可点击的JavaScript？ – Tahtakafa

在无序列表中定位项目

回答

相关问题