2012年5月8日火曜日

サーバサイドでタグを動的に複数出力し、
レイアウト1段目に<br />
<br />
<li>をfloatで3つ配置、
2段目にも</li>
<li>を3つ配置・・・といった構成の場合、
テキスト量によっては要素の高さが異なってしまい、
レイアウトが崩れる原因ともなるがそんな時。

jqueryAutoHeight.jsが横一列の高さを揃えてくれる。

http://code.google.com/p/opensocial-jquery/wiki/PluginAutoHeight</li>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jqueryAutoHeight.js"></script>
<script type="text/javascript">
jQuery(function($){
    $(揃えたいセレクタ).autoHeight();
});
</script>

0 件のコメント:

コメントを投稿