2

私はそのようなJavascriptコードを持っています:

$content.each(function(i) {
    var $el = $(this);
    // save each content's height (where the menu items are)
    // and hide them by setting the height to 0px
    $el.data('height', $el.outerHeight(true)).css('height', '0px').show();
});

このような状況では:

 <div id="sbi_container" class="sbi_container">
        <div class="sbi_panel" data-bg="images/1.jpg">
            <a href="#" class="sbi_label">About</a>
            <div class="sbi_content">
                <ul>
                    <li><a href="#">Subitem</a></li>
                    <li><a href="#">Subitem</a></li>
                    <li><a href="#">Subitem</a></li>
                </ul>
            </div>
        </div>
        <div class="sbi_panel" data-bg="images/2.jpg">
            ...
        </div>

理由はわかりませんが、<ul>（カウントしている高さ）のみ<li>に複数の単語が含まれている場合、 の下に別のスペースが追加されます<ul>。長い単語が 1 つしかない場合は、すべて問題ありません。

何か案は？:)

4

1 に答える 1

0

これを試して

.your_ul { font-size: 0; }
.your_ul li { font-size: 1234px }

それはうまくいくかもしれません。

于 2012-08-02T14:56:40.003 に答える