нарисовать границу одинаково для всех ul в css

Question

Может ли кто-нибудь подсказать мне, как нарисовать границу одинаково для всего отображаемого списка ul.Здесь, если вы видите, что граница между вторым и третьим списком ul не равна границе между первым и вторым списком ul. Есть какой-либо способ нарисовать границу в равной степени на основе первого списка ul.

Answer 1

Вам необходимо установить height ваших UL s одинаковыми в вашей декларации CSS.

Answer 2

Если размер вашего списка может измениться, вы можете установить высоту вашего элемента в javascript. Например, используя jquery, вы можете сделать:

$(document).ready(function() {
    var uls = $("ul")
    var max = 0;
    for (var i = 0, l = urls.length ; i < l ; i++) { 
        var height = $(uls[i]).height(); 
        if (height > max) { 
            max = height; 
        } 
    }
    uls.height(max);
});

Answer 3

Как указано выше, убедитесь, что вы установили

display:block

на ваших UL и присвойте им фиксированную высоту, в противном случае вы можете обернуть ваши UL в DIV и применить к ним стилизацию.