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按钮对比,变化后的显示,内部文字为垂直和水平居中。
(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)
网友评论