在無序列表中定位項目

我有一個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

在無序列表中定位項目

回答

相關問題