Это, без сомнения, простой вопрос, но я не могу правильно ввести его в Google, чтобы найти ответ...
В настоящее время у меня есть список, который над ним заголовок H3 (который я не могу удалить очень легко, он автоматически генерируется cms) и выглядит примерно так:
Headline
|
|
List stuff
и я хочу избавиться от труб. Кажется, что они "встроены" в тег <h3>, кто-нибудь знает, что избавит от этого свойство css h3?
Спасибо!
H1, H2 и H3-теги имеют по умолчанию маржу и дополнение, добавленные к ним браузерами.
Вы можете проверить это, поместив фон в теги H1, H2 и H3 в css и посмотрев в разных браузерах.
Чтобы удалить "интервал труб", вы должны:
h3{
padding: 0px;
margin: 0px;
}
Затем вы можете повторно добавить все, что хотите, поскольку CSS является односторонним путем выполнения. Последующие значения CSS будут перезаписывать CSS базового уровня.
Другой вариант, который удаляет пробел ниже текста, выглядит следующим образом:
h3
{
display:inline;
}
Попробуйте установить свойство стиля "border" на H3 на
border:0;
Возможно, что "pipe" на самом деле является границей заголовка, свойства border-right, которое вы можете изменить или переопределить.
Альтернатива: истинный канал, создаваемый CMS (я предполагаю, что вы проверили источник HTML, и это не тот случай, но приятно спросить)
Можете ли вы выбрать текст и посмотреть, является ли он истинным символом трубы, или скорее всего визуальным элементом?
Другая альтернатива: какое-то свойство содержимого CSS. Реже, поскольку большинство браузеров не поддерживают его.
Если трубы являются реальным текстом, вы не сможете избавиться от них, не используя какую-либо форму JavaScript.
Если каналы являются фоновым изображением для H3, вы можете использовать это, чтобы избавиться от них:
h3
{
background-image: none;
}
В дополнение к ответу @Jonathan, вы должны добавить:
p{
padding: 0px;
margin: 0px;
}
Это решило мою проблему.