如何删除在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中定义一个ID，如

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

并在你的css中将填充值设置为零，如下所示：

#myID{ padding:0; }

如果不是填充，您也可以尝试margin: 0;。

默认情况下，大多数html元素都有边距和填充。要禁用此功能，请将以下部分放在.css文件之上：

*{
    margin: 0;
    padding: 0;
}

Answer 2

如果您正在使用内容UI元素和动态调整大小的div，则自动边距由jQuery mobile中的内容标记生成。将其添加到您的CSS：

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