Элемент привязки становится отображением: блок в HTML5 вместо отображения: встроенный в cufon - PullRequest
3 голосов
/ 01 октября 2011

Я получил <a> элементов, которые display:inline в html4, и страница отображается нормально (как я этого хочу).

Теперь я обновляю свою страницу новым html5, и в результате следующая ссылка на cufon становится display:block вместо display:inline, что мне не нужно.

enter image description here

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

Интересно, что можно сделать, чтобы остаться в линии или остановиться из этого вертикального центрированного выравнивания. Просто чтобы прояснить, я хочу, чтобы мой текст имел фиксированную верхнюю часть, независимо от [буквы + подчеркивания]. [Фактической высоты].

ОБНОВЛЕНИЕ Я действительно смог избавиться от такого поведения. Я понятия не имею, что действительно помогло, я заметил, что на некоторых страницах были показаны те же ссылки, что и на самом деле, и эта страница ссылалась на небольшой дополнительный CSS. Я добавил ссылку css на страницу с ошибкой, и это сработало. Однако я не вижу в этом CSS ничего, что я мог бы считать причиной исправления.

По сути, все, что имеет отношение к части HTML, о которой идет речь, это:

body, html, form
{
    display:block;
    list-style:none;
    text-align:left;            
}

Поскольку уже есть награда, я пойду вперед и немного поменяю вопрос: интересно, как это помогло. Или что происходит на самом деле с этим и куфон здесь. Я немного озадачен.

1 Ответ

1 голос
/ 04 октября 2011

Добавьте display:inline !important к правильному тегу.

...