|
内容在这里 |
![]() | 不采用任何样式时,使用p标签,文本默认与上端会有空隙。 |
|
内容在这里 |
![]() | 有效 |
内容在这里 | ![]() | 有效 |
内容在这里 | ![]() | 有效,比margin-top距离上边距远 |
内容在这里 | ![]() | 有效,与margin-left距离左边距一样远 |
|
内容在这里 | ![]() | 添加float:left效果与上面无区别 |
| 内容在这里 | ![]() | 文本内容据上边距无距离 |
| 内容在这里 | ![]() | 无效,不发生变化 |
| 内容在这里 | ![]() | 有效 |
| 内容在这里 | ![]() | 无效,不发生变化 |
| 内容在这里 | ![]() | 有效,与margin-left无差别 |
| 内容在这里 | ![]() | 加上float:left,margin-top有效,并且span跟p标签执行后,距离上边距的距离一样。 |
| 内容在这里 | ![]() | 有效 |
| 内容在这里 | ![]() | 有效,与margin-top距离上边距一样。 |
| 内容在这里 | ![]() | 有效,与margin-left距离左边距距离一样,与不加float:left距离一样 |
- 不采用任何样式时,使用p标签,文本默认与上端会有空隙。而span标签与上端没有空隙,据上边距无距离。
- 是否添加float:left对p标签不产生影响,均有效。但padding-top比margin-top距离上边距远,padding-left与margin-left据左边距距离相等。
- 不添加float:left,span标签对padding-top和margin-top无效,不发生变化,对padding-left与margin-left有效,且padding-left与margin-left据左边距距离相等。添加float:left,均有效。padding-top和margin-top据上边距距离相等,padding-left与margin-left据左边距距离相等。
本文探讨了在不使用任何样式的情况下,p标签与span标签在页面布局中的表现差异,特别是关于间距控制的问题。文章对比了margin与padding在不同标签及float属性下的实际效果,为网页布局提供了实用指导。















503

被折叠的 条评论
为什么被折叠?



