Как удалить верхний и нижний отступы, которые автоматически создаются в тегах div

Question

У меня есть такой Div

<div align="center">
    <p style="color: black; font-size: 10px;"><b>Summary</b></p>
</div>

И когда я использую этот Div, он показывает мне сводку, но с дополнительными отступами сверху и снизу, когда я использую его в jquery mobile.это отступы?

Answer 1

У вас есть несколько способов отключить заполнение в div.первый - определить стиль элемента

<div style="padding: 0;">...</div>

второй (и намного красивее) - определить идентификатор в вашем div, например

<div id="myID">...</div>

и установите в своем css значения заполнения на ноль, например:

#myID{ padding:0; }

Если это не заполнение, вы можете попробовать margin: 0;.

Большинство html-элементов имеют поля по умолчанию и отступы.чтобы отключить это, поместите следующую часть поверх вашего .css файла:

*{
    margin: 0;
    padding: 0;
}

Answer 2

Если вы используете элемент пользовательского интерфейса содержимого и любой элемент div с динамическим размером, автоматические поля создаются тегом содержимого в jQuery mobile.Добавьте это к вашему CSS:

.ui-content {
    margin: 0; padding: 0;
}