Как увеличить ширину элемента через CSS?

Question

В настоящее время я работаю над обслуживанием веб-сайта, и у меня возникла проблема: проблема в следующем: мне нужно изменить строку меню веб-сайта.Ранее в строке меню было 6 меню, но теперь в ней всего 5 меню.Я должен удалить один пункт меню из панели.Я просто удалил эту строку из пунктов списка строк меню.В предыдущем проекте они использовали свойство css display для создания блоков, но после удаления одного меню остается место для одного элемента меню, в то время как я хотел бы увеличить ширинустрока меню.

Answer 1

Трудно сказать, не видя код.

Однако в вашей таблице стилей вы можете настроить width для элементов списка как таковых

.menu li{width:35px;}

Чтобы выяснить, сколько нужно настроить, возьмите width последнего элемента и разделите на 5 (количество оставшихся элементов списка).

Итак, если ваш width был 50px, добавьте 10px к стилю элемента, чтобы каждый из оставшихся элементов покрывал ширину вашего предыдущего list-item.

Answer 2

Если пункт меню <li> имеет фиксированную ширину, то общая ширина меню, деленная на 5, дает ширину каждого пункта меню.проверьте в css тег "li" или класс, указанный для li.затем измените ширину на новую ширину

Answer 3

Возможно, это грубый путь, но на самом деле он прекрасно работает: используйте таблицу вместо списка.Я использую это с некоторым смещением заполнения, потому что промежутки между ячейками линейны в зависимости от размера содержимого ячейки, а заполнение дает вам постоянное минимальное пространство между элементами меню.

Другой способ - использовать элементы блока и отображение CSS:ячейка, но помните, что IE7 не знает этих.

Преимущества: нет Javascript