美文网首页
行内块是什么

行内块是什么

作者: 九天懒猫 | 来源:发表于2022-11-21 05:54 被阅读0次

    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按钮对比,变化后的显示,内部文字为垂直和水平居中。

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

    相关文章

      网友评论

          本文标题:行内块是什么

          本文链接:https://www.haomeiwen.com/subject/tmpgxdtx.html