html 中的li标签问题_IT百科

你的li标签设置的宽度auto，他是自动适应li标签里自己宽度，而不是自动适应 nav里面的宽度，所以你如果想实现适应浏览器宽度，还要填充整个nav；不用百分比，很难实现，可能JS能实现这个效果；

<html>

<head>

<title>无序列表排序</title>

window.onload = function()

{

document.getElementsByTagName('button')[0].addEventListener('click',function()

{

var LI = Array.prototype.slice.call(document.getElementsByTagName('li')),UL = document.getElementsByTagName('ul')[0]

LI.sort(function(A,B){return A.childNodes[0].innerText - B.childNodes[0].innerText})

for (LI.length) UL.appendChild(LI.shift())

})

}

</script>

</head>

<body>

<ul>

</ul>

<button>Click to sort</button>

</body>

</html>

需要说明吗?

欢迎分享，转载请注明来源：内存溢出

html 中的li标签问题