css控制列表的问题

<ul id=”news”>

  <li>

    <a href=”news.aspx?id=1″><span class=”title”>标题标题</span><span class=”time”>2010-05-01</span></a>

  </li>

</ul>

<style type=”text/css”>

span.title { max-width: 200px; }

span.time { padding-left: 10px; }

</style>

要IE6实现max-width就用expression，但不建议，所以剩下的用JS写吧

<script type=”text/javascript”>

var spans = document.getElementsById(‘news’).getElementsByTagName(‘span’);

var span, className;

for (var i = 0; i < spans.length; i++) {

  span = spans[i];

  className = span.getAttribute(‘className’) || span.getAttribute(‘class’);

  if (className === ‘title’ && span.clientWidth > 200) {

    span.style.width = ‘200px’;

  }

}

</script>