麻烦老师看一下!

来源:2-10 作业题

丹叔

2020-12-11 14:54:47

​submit按钮设置宽高后在页面是实际整个submit按钮宽高(包括padding、margin、border),而不是按钮文字内容的宽高。老师是这样的吗?

写回答

1回答

好帮手慕张

2020-12-11

同学你好,问题回答如下:

1、submit按钮本身的宽高是包含padding与border,但是不包含margin。同时也不是按钮文字内容的宽高。

2、需要注意的是,submit实际在网页中占据的宽高是有margin的。可以结合如下图片进行理解:

3、代码如下,input下面有一个div。分别设置了宽度。

http://img.mukewang.com/climg/5fd34bfa0932682404860605.jpg

4、效果图如下,input与div直接的空隙就是margin,虽然这个margin没有包含在submit内,但是在网页中,还是有占据位置的(属于input占据的位置)。

http://img.mukewang.com/climg/5fd34c2a09078add03180257.jpg

​祝学习愉快!


0

0 学习 · 40143 问题

查看课程