美文网首页
行内块是什么

行内块是什么

作者: 九天懒猫 | 来源:发表于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按钮对比,变化后的显示,内部文字为垂直和水平居中。

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

相关文章

  • css之行内.块.行内块

    块:h1 - h6 p div ul li ol dl dd dt 行内(又叫内联元素,内嵌元素):span a...

  • 行内块

    1.块级元素 独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽(宽度默认...

  • 2018-07-15

    小垃圾的今日总结 1.about"块元素,行内元素,行内块" 今天才看到之前师父问的"块元素,行内元素,行内块",...

  • CSS行块级元素

    行内元素 块级元素 行内块级元素

  • 入门任务8

    块级元素和行内元素分别有哪些?## 块级元素 行内元素 区别 块级元素可以包含行内元素和其他块级元素,行内元素只能...

  • 10. CSS 排版

    1、标准流(文档流/普通流) 默认排版 CSS的元素分为块级、行内、行内块级 块级是垂直排版,行内、行内块级是水平...

  • 块元素、行内元素、行内块元素

    常见块元素(独占一行,默认属性block) div h1 form ul li p table 常见行内元素(宽高...

  • css学习笔记之常见样式

    1 块级元素 和 行内元素区别 1 差异 块级元素可以包含行内元素和块级元素 行内元素只能包含文本和行内元素 块级...

  • css基础2

    块级元素行内元素 块级(block-level);行内(内联、inline-level) 块级可以包含块级和行内,...

  • css常见样式

    块级元素和行内元素分别有哪些? 块级元素: 行内元素: 特性区别:1.块级元素可以包含行内元素和块级元素,而行内元...

网友评论

      本文标题:行内块是什么

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