如何删除在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元素默认具有margin和padding.要禁用此功能,请将以下部分放在.css文件之上:

*{
    margin: 0;
    padding: 0;
}