padding和margin怎么用(为什么要用padding?)

padding和margin怎么用

padding是指容器的内边距，margin是指外边距，border（途中外框为border）为分界线。他们都有四个方向的值，如下图所示：

如果我们设置上外边距margin-top:10px; 其他三个方向依次类推，也可以用简略写法margin: 10px 20px;则表示为上下外边距为10px,左右为20px。注意：若元素为块级元素（如：span），设置左右margin可生效，但上下无效

（1）margin-left:10px; 左外边距

（2）margin-right:10px; 右外边距

（3）margin-top:10px; 上外边距

（4）margin-bottom:10px; 下外边距

（5）margin:10px; 四边统一外边距

（6）margin:10px 20px; 上下、左右外边距

（7）margin:10px 20px 30px; 上、左右、下外边距

（8）margin:10px 20px 30px 40px; 上、右、下、左外边距

padding也是如此，设置padding的时候，表示内容到边框的距离，注意：若元素为块级元素（如：span），设置左右padding可生效，但上下无效

（1）padding-left:10px; 左内边距

（2）padding-right:10px; 右内边距

（3）padding-top:10px; 上内边距

（4）padding-bottom:10px; 下内边距

（5）padding：10px; 四边统一内边距

（6）padding:10px 20px; 上下、左右内边距

（7）padding:10px 20px 30px; 上、左右、下内边距

（8）padding:10px 20px 30px 40px; 上、右、下、左内边距

为什么要用padding?

Padding是一种在元素周围添加空白区域的CSS属性。它的主要作用是为了改善元素的外观和布局，同时也可以提高用户体验。

通过添加padding，我们可以让文本内容和其他元素之间有一定的间距，让页面更加美观和易于阅读。

此外，padding还可以用来调整元素的大小和位置，使得页面布局更加合理和稳定。总之，Padding是一个非常实用的CSS属性，可以帮助我们更好地控制页面的外观和布局。

下面分享相关内容的知识扩展：

在CSS中，BOX的Padding属性的数值赋予顺序为

padding属性的书写格式总共有以下几种：

padding:10px; 意思是上下左右值全是10px

padding:5px 10px; 意思是上下为5px，左右为10px;

padding:1px 2px 3px 4px; 这个写法意思是：上为1px，右为2px，下为3px，左为4px

padding:5px 10px 7px; 这种写法意思是：上为5px，左右为10px，下为7px

（注意：padding后面4个值定义的顺序分别为：上 右 下 左）

而padding-top或者padding-bottom这种写法，只是单方面的定义了一个方向的值，这样写会增加CSS代码的长度，增加CSS样式的代码量，拖慢页面的加载速度。

扩展资料：

注意：padding后面4个值定义的顺序分别为：上 右 下 左

而padding-top或者padding-bottom这种写法，只是单方面的定义了一个方向的值，这样写会增加CSS代码的长度，增加CSS样式的代码量，拖慢页面的加载速度。

box-sizing的CSS属性是用来改变默认的CSS框模型，用于计算元素的宽度和高度。它可以使用这个属性来模拟浏览器的行为不正确支持CSS盒模型的规范。

说到 IE 的 bug，在 IE6以前的版本中，IE对盒模型的解析出现一些问题，跟其它浏览器不同，将 border 与 padding 都包含在 width 之内。而另外一些浏览器则与它相反，是不包括border和padding的。

在开发的过程中会发现，有时候，如果对页面中的大区域进行设置时，将border、padding计算到width和height之内，反而更灵活。但W3C的 CSS2.1规范却规定了他们并不能被包含其中。考虑到这个问题，css3中引入了一个新的属性：box-sizing，它具有“content-box”和”border-box“两个值。

css padding 是不是会把盒子越挤越大啊

padding
如果你设置了盒子的宽和高
padding会将盒子撑大
如果没没设置盒子的高和宽，而设置了盒子的父级标签的宽度
padding不会讲该盒子撑大，而只会压缩内容

关于openssl AES/ECB/PKCS5Padding加密 求助

ecb加密方式，其实底层是调用AES_encrypt接口，你可以去看源码。
下面的代码给你一个参考，只不过，我是在调用aes_encrypt外面，自己严格控制了in和out的长度，out的长度大于in，并且必须是大于等于16的整数倍。