行内块是什么

1-行内块

1-1显示特点

一行可以显示多个

可以设置宽高


1-2代表标签

input,textarea,button,select`````


1-3 特殊情况,标签有行内块元素特点,但是chrom调试工具中

显示结果是inline


2试验

2-1 先用img试验

当图片没有赋予宽高时,图片是默认宽高;

添加了宽高属性,然后图片变化了,说明属性生效了;

2-2测试其他的标签试试

为了区别,我重新给个类选择器

对比显示后,input,textarea,button,select这些标签都能在给予属性后,产生相应的变化,也有细微的不同。

input变化的是文本框,字体没有变化;

input按钮对比,变化的是按钮的宽高,按钮内文字没有变化;

textarea文本域对比,变化后似乎是向左下缩小,不是向左上缩小,文本域本身具有可拉伸的功能,其他的都执行了宽高后,不再变化;

select下拉选择对比,放大的是边框,下拉箭头和内部文字垂直居中显示;

button按钮对比,变化后的显示,内部文字为垂直和水平居中。

(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)

你可能感兴趣的:(行内块是什么)