How to display inline several with 100% width?

Question

I have the following html:

  

    
element 1
    
element 2
  
<         


        
                      

              相关标签:
       
      

Answer 1

using jquery to space your li's after your page has

  var ul = $('#yourListId');
  var numChildren = ul.children().length;
  if(numChildren <= 0){
    return;
  }
  ul.css({'list-style':'none','margin':0,'padding':0});
  var parentWidth = ul.width();
  var childWidth = parentWidth/numChildren;
  ul.children().each(function(index, value){
    $(this).css({'width':childWidth,'margin':0,'float':'left','display':'inline-block'});
  });
  ul.after('<div style="clear:both">');

With the exception of the "childWidth" css... you can, of course, replace the other css with something from a style sheet.