Список совместимых запятых из <ul>

Question

У меня есть следующий код:

.taglist li{
display: inline;
}

.taglist li:after {
content: ", ";
}

.taglist li:last-child:after {
content:"";
}

он берет неупорядоченный список тегов и превращает его в хороший список через запятуюКонечно, в IE7 и более ранних версиях между списком нет пробела.Мне интересно, есть ли у кого-нибудь идеи о том, как по-прежнему использовать технику списка, но разве это не выглядит ужасно в старых версиях IE?Я попытался также добавить поле margin-right к li, но оно вытолкнуло часть текста из контейнера и заставило его обернуться очень странными способами.поразил меня как самый смысловой путь.

Answer 1

Конечно, в IE7 и более ранних версиях между списком нет пробела. я интересно, есть ли у кого-нибудь идеи о том, как все еще использовать список технику, но разве это не выглядит ужасно в старых версиях IE .?

Если достаточно просто добавить небольшой пробел после каждого li в только в IE7 и ниже , достаточно:

.taglist li{
    display: inline;
    *padding-right: 6px; /* adjust to taste */
}

Answer 2

Вы можете попробовать ie7-js , возможно, это поможет. Если вас это действительно волнует, а ie7-js не работает, вы можете написать собственный скрипт для исправления ошибок, вставив текстовые узлы для IE7 через JavaScript.

Лучше всего поддерживать HTML в хорошем состоянии и пытаться исправлять ошибки, используя JavaScript для неработающих браузеров, таких как IE7.