HTML填充左不适用于div_Html_Css_Android Webview

HTML填充左不适用于div

html css

HTML填充左不适用于div,html,css,android-webview,Html,Css,Android Webview,我正在创建一个非常简单的网页。它有一个div标记，带有一个包含一些文本的段落 <HTML> <Head>....</Head> <Body> <div id="titlebox"> <p>First Heading</p> </div> </Body> 片段： div#标题框{ 背景色：#F2F2；垫顶：2件；垫底：2件；左侧填充：2px； } .... 第一标题

我正在创建一个非常简单的网页。它有一个div标记，带有一个包含一些文本的段落

<HTML>
 <Head>....</Head>
 <Body> 
 <div id="titlebox">
 <p>First Heading</p>
 </div>
 </Body>

片段：

div#标题框{
背景色：#F2F2；
垫顶：2件；
垫底：2件；
左侧填充：2px；
}


....
第一标题

您的代码运行良好：））我只是将填充改大以使其更明显

div#标题框{
背景色：#F2F2；
垫顶：2件；
垫底：2件；
左侧填充：100px；
}


....
第一标题

您的左侧和底部填充功能正常，但您可能看不到，因为2px非常小。把它改成20px或者什么的，你应该会看到填充物

便捷工具-如果您使用的是Chrome，您可以右键单击要检查的元素并选择检查工具，以查看图表上的所有填充和边距

--注意--根据您使用的浏览器，某些元素已经应用了一些默认样式/填充/边距，在这种情况下，您的段落标记已经有一些顶部和底部填充

<html>
<head></head>
<body>
<div align="left" style="padding-top: 20px;padding-left: 20px;padding-bottom: 20px;">
 <p>First Heading</p>
</div>
</body>


第一标题

您好，我不会批评您，我知道您是一名初学者，这只会让您感到不愉快，但正常的语法、html、头、体都是用简单的字母编写的，以避免以后阅读自己的代码时出现混乱

请点击以下网址：

我复制粘贴了代码。。它确实有效：））你确定你只是没有注意到由于你设置了很小的边距而产生的变化吗？是的，代码正在工作，如果它不在你这边，那么原因就是什么else@Acrux是的，小值（2px）是原因。谢谢。是的，这确实是个问题。让我困惑的是，在2px值时，顶部和底部的填充非常大且可见，但左侧的填充却不可见。谢谢这就是原因，正如我在对上述答案的评论中所说的。谢谢你的检查元素技巧。顺便问一下，如果我想在网络视图中使用android应用程序中的这个html页面，你能告诉我应该使用哪个单元来代替px吗？？dp在webview中似乎不起作用。

<html>
<head></head>
<body>
<div align="left" style="padding-top: 20px;padding-left: 20px;padding-bottom: 20px;">
 <p>First Heading</p>
</div>
</body>