AutoWidthElements/test.html at master · riggleg/AutoWidthElements · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML>
<HTML>
  <HEAD>

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <script src="auto_size_elements.js"></script>
    <style>
      .demo {border: 3px solid #999999; padding: 5px; margin: 5px;}
    </style>
  </HEAD>
  <BODY>
    <div id="auto_resize" style="width: 50%; border: 3px solid #000000; ">
      <div id="div_1" style="width: 100px; float: left;" class="demo">On.</div>
      <div id="div_2" style="width: 500px; float: left;" class="demo">Tw.</div>
      <div id="div_3" style="width: 400px; float: left;" class="demo">Three.</div>
      <div style="clear: both;" class="no_auto">&nbsp;</div>
    </div>
    <script>
      $( document ).ready(function() {
      $("#auto_resize").autoSizeElements({handleBoxModel: true});
      });
    </script>
  </BODY>
</HTML>