失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > padding什么属性 网页左右边距怎么调CSS的 – CSS – 前端 css 竖向菜单

padding什么属性 网页左右边距怎么调CSS的 – CSS – 前端 css 竖向菜单

时间:2021-08-26 21:29:51

相关推荐

padding什么属性 网页左右边距怎么调CSS的 – CSS – 前端 css 竖向菜单

@ padding?

上下内边距为5px,左右内边距为0px。下面来了解一下Padding:Padding(填充)属性定义元素边框与元素内容之间的空间。padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。当元素的 Padding(填充)(内边距)被清除时,所”释放”的区域将会受到元素背景颜色的填充。

@ padding取值范围?

padding那取值范围可以自己进行设置:属性的意义是定义元素边框和元素内容之间的空间。

在tf.nn.conv2d函数中,当变量padding为VALID和SAME,函数具体是怎么计算的呢?其实是有公式的。为了方便演示,先定义几个变量:

输入的尺寸高和宽定义成:in_height,in_width

卷积核的高和宽定义成filter_height、filter_width

输入的尺寸中高和宽定义成output_height、out_width

步长的高宽方向定义成strides_height、strides_width.

一 VALID情况:边缘不填充

输入宽和高的公式分别为:

output_width=(in_width-filter_width+1)/strides_width(结果向上取整)

output_height=(in_height-filter_height+1)/strides_height(结果向上取整)

二 SAME情况:边缘填充

输出的宽和高将与卷积核没关系,具体公式如下:

output_width=in_width/strides_width(结果向上取整)

output_height=in_height/strides_height(结果向上取整)

这里有一个很重要的知识点——补零的规则,见如下公式:

pad_height=max((out_height-1)*strides_height+filter_height-in_height,0)

pad_width=max((out_width-1)*strides_width+filter_width-in_width,0)

pad_top=pad_height/2

pad_bottom=pad_height-pad_top

pad_left=pad_width/2

pad_right=pad_width-pad_left

上面公式中

pad_height:代表高度方向上要填充0的行数。

pad_width:代表宽度方向要填充0的列数。

pad_top、pad_bottom、pad_left、pad_right分别代表上、下、左、右这4个方向填充0的行、列数。

三 规则举例

下面通过一个例子来理解一下padding规则。

假设用一个一维数据来举例,输入是13,filter是6,步长是5,对于padding的取值有如下表示:

‘VALID’,生成宽度为(13-6+1)/5=2(向上取整)个数字。

inputs:

(1 2 3 4 5 6) 7 8 9 10 11 12 13

1 2 3 4 5 (6 7 8 9 10 11) 12 13

12和13丢弃

‘SAME’,生成的宽度为13/5=3(向上取整)

Padding的方式可以如下计算:

Pad_width=(3-1)*5+6-13=3

Pad_left=pad_width/2=3/2=1

Pad_rigth=Pad_width-pad_left=2

在左边补一个0,右边补2个0

input:

0 1 2 3 4 5 6 7 8 9 10 11 12 13 0 0

(0 1 2 3 4 5) 6 7 8 9 10 11 12 13 0 0

0 1 2 3 4 (5 6 7 8 9 10) 11 12 13 0 0

0 1 2 3 4 5 6 7 8 9 (10 11 12 13 0 0)。

@ css样式填充是什么?

在css中,填充属性为padding,也成为内边距,但是其设置的值的个数不同,对应的方向也是不同:

当大家设置四个值时:

padding 20px 25px 30px 35px

顺序为,上填充,右填充,下填充,左填充

设置三个值时:

顺序为,上填充,左填充,下填充

设置两个值时:

顺序为,上填充,左填充

如果觉得《padding什么属性 网页左右边距怎么调CSS的 – CSS – 前端 css 竖向菜单》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。