dlを使ったtableのdtとddの高さを揃えるjQuery プラグイン
- Data
- 2014/05/19
- Tag
site: http://develo.org/2014/04/29/2219.html
GitHub: https://github.com/kamem/jquery.dlTableSet
dlを使ってdt ddを横並びにしてテーブルを再現するときに、dtの高さがddよりも高い場合にレイアウトが崩れてしまいます。それを解消するためのjQueryプラグインです！単純に読み込ませてタグを指定するだけなのでお手軽です。
仕様
- dlを使ったtableのdtとddの高さを揃える
- ひとつのdtに対して複数ddがあった場合 dtの高さをddの数で割った値が 一つのddの高さになる。
使い方
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.dlTableSet.js"></script>
<script type="text/javascript">
$(function(){
$('dl.table').dlTableSet();
});
</script>