как у вас есть CSS-отступы вокруг многострочного div

Question

как у вас есть CSS-отступы вокруг многострочного div

у меня есть следующий css для добавления отступов вокруг div:

.orangeAllDay, .orangeAllDay a {
    background: #fab384 !important;
    color: white;
    padding: 5px;
}

он отлично работает до тех пор, пока содержимое (которое находится внутри ячейки в таблице html) не займет два строк. Когда я смотрю на это в firefox, похоже, что он пытается добавить отступ к каждой строке содержимого (даже если все внутри одного div), поэтому я получаю какое-то странное перекрытие пространства над второй строкой, которая покрывает часть первая строка.

Есть ли обходной путь для этой проблемы или другое решение, которое не нарушает многострочность.

1

css html padding

задан leora 1 September 2010 в 14:52

1 ответ

Другие вопросы по тегам:

css html padding

Похожие вопросы:

score -1 · Answer 1

У вас есть отступ вокруг div (.orangeAllDay) и ссылка. То, что вы видите, является дополнением ссылки. Есть несколько способов обойти это, в зависимости от того, как именно выглядит HTML.

Если он содержит только ссылку, я бы предложил на самом деле удалить div и просто отображать ссылку в виде блока:

<a href="..." class="orangeAllDay">...</a>

a.orangeAllDay {
    background: #fab384 !important;
    color: white;
    padding: 5px;
    display: block;
}