这是本人的第二篇csdn文章,文内可能有错误,劳烦大家指出修正。
本文中的例子是用Css作为例图展示
padding和margin
margin (外边距)
//wxss
.test{
margin: 20px 40px 30px 40px
}
<text>这个段落没有指定的外边框</text>
<text class="test">这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。</text>
<text>这个段落没有指定的外边框</text>
可能会有人疑问为什么是这样的。
以我的理解是第二个text组件是作为一个单元,然后它与另一单元(没有则是与边界的距离)以margin里面内容显示。
padding(内边距)
padding这里就不上代码了,直接上图
paading则是以方框内的元素做的为一个个体,然后用padding给的样式,与容器边缘或者容器其他单位进行样式排布。