|行内块是什么

文章图片

1-行内块
1-1显示特点
一行可以显示多个
可以设置宽高
【|行内块是什么】1-2代表标签
inputtextareabuttonselect`````
1-3 特殊情况，标签有行内块元素特点，但是chrom调试工具中
显示结果是inline
2试验
2-1 先用img试验
当图片没有赋予宽高时，图片是默认宽高；
添加了宽高属性，然后图片变化了，说明属性生效了；

2-2测试其他的标签试试
为了区别，我重新给个类选择器

对比显示后， inputtextareabuttonselect这些标签都能在给予属性后，产生相应的变化，也有细微的不同。
input变化的是文本框，字体没有变化；
input按钮对比，变化的是按钮的宽高，按钮内文字没有变化；
textarea文本域对比，变化后似乎是向左下缩小，不是向左上缩小，文本域本身具有可拉伸的功能，其他的都执行了宽高后，不再变化；
select下拉选择对比，放大的是边框，下拉箭头和内部文字垂直居中显示；
button按钮对比，变化后的显示，内部文字为垂直和水平居中。
（仅为个人自学的一点点思考，如有错漏，欢迎留言指正）