Как измерить размер каждого пункта меню?

Question

[moslem]

Нужно сделать вот такое выпадающее меню, но чтоб такое реализовать нужно измерить каждый пункт меню LI, сложить все значения и результат уже присвоить для UL ширину. Если есть другие варианты реализации покажите, буду благодарен.

Answer 1

[Денис Инешин]

Зачем что-то измерять, когда можно дать всем подпунктам например display: table-cell? И они сами в рядочек встанут.

Вот так: jsfiddle.net/IonDen/y2h3e812

Comments

[moslem]

У выпадающего тега UL нет конкретной ширины, и он как position: absolute выставлен, поэтому этот вариант не подойдет, я из-за этого написал что хочу чтоб она каждый пункт измеряла и выставляла ширину для этого тега UL

[Денис Инешин]

moslem: и зачем ему эта ширина? Смотрите пример: jsfiddle.net/IonDen/y2h3e812/1

[y0u]

moslem: зачем выставлять ширину ul вручную? Вам Денис Инешин правильно сказал же :)

[moslem]

Денис Инешин: https://jsfiddle.net/70yefjmr/embedded/result/ глянь, может что-то не так делаю, текст не во всю ширину идет.

[Денис Инешин]

https://jsfiddle.net/IonDen/70yefjmr/1/

[moslem]

Денис Инешин: Спасибо большое Денис, помогло.