块级元素:独占一行,可以设置宽高,默认宽度是浏览器宽度即100%;

行内元素:多个元素存在一行,设置宽高属性值无效,完全靠内容撑开宽高;

行内块:结合块级元素和行内元素的优点,即可以设置宽高,又可以多个元素在一行;

1、块级标签转换为行内标签:display:inline;

2、行内标签转换为块级标签:display:block;

3、转换为行内块标签:display:inline-block;

转载于:https://www.cnblogs.com/zzzzzzzsy/p/8675951.html

行内块 块级元素 行内元素相关推荐

  1. 块级元素与行级元素(内联元素)

    内联元素(inline element)一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素,常见内联元素"a".块元素(block elemen ...

  2. php行内块,块级元素和行内块元素是什么?

    在css基础当中,我们往往会遇到块元素和行内元素,块元素和行内元素也是很重要的基础知识,很多学生都感觉不重要,都不去学习,其实也是不正确的选择,下面我们来讲述一下块级元素和行内块元素是什么? 很多学生 ...

  3. block与inline,inline和inline-block,块级和行内元素,行内替换和行内非替换元素

    block:块级元素默认display属性为block:无论块内内容有多少,总是占满一行: inline:行内元素默认display属性为inline:只占据块内的内容的大小,不会占满一整行: inl ...

  4. html 指定对象为块元素,html内联(行内)元素、块级(块状)元素和行内块元素分类...

    HTML可以将元素分类方式分为内联(行内)元素.块级(块状)元素和行内块元素三种. 注:HTML是标签语言,那么既然是标签,就可以自己定义一些自己元素(如自定义的元素等),自定义元素浏览器默认解析为内 ...

  5. html能插入背景的行级元素,Html元素类型:块级元素、行内元素(内联元素)和行内块级元素...

    8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? html中的标签元素大体被分为三种不同的类型:块级元素.内联元素(又叫行内元素)和内联块级元素.事实上,我以前用的时候只 ...

  6. php div行内块元素,行内元素与块级元素的区别详细介绍

    首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比较常用的块级元素,详 ...

  7. html中的行内标签吗,HTML标签中行内元素和块级元素详解

    本文主要和大家详细介绍了HTML常用的标签中行内元素和块级元素,需要的朋友参考下吧,希望能帮助到大家. 块元素(block element) HTML标签分类明细 * address - 地址 * b ...

  8. 块级、行内元素水平垂直居中方法

    块级.行内元素水平垂直居中方法 块级元素水平垂直居中 // 为目标元素设置以下属性 position: absolute; /*top: 0;*/ left: 0; right: 0; bottom: ...

  9. CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景

    全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...

  10. 行内元素(内联元素)与块级元素

    在标准文档流里面,块级元素具有以下特点: 块级元素写完后会自动换行,有宽高可以修改. ①总是在新行上开始,占据一整行:②高度,行高以及外边距和内边距都可控制:③宽带始终是与浏览器宽度一样,与内容无关: ...

最新文章

  1. 数据库系统概念学习笔记2
  2. Quartz框架学习(1)—核心层次结构
  3. java永久冻结_Java如何解决脆弱基类(基类被冻结)问题
  4. Google Xpath Helper
  5. 关于eclipse的一些简单配置
  6. vs基于控制台应用程序的定时发送邮件_.NET Core 下收发邮件之 MailKit
  7. 如何在centos7上安装FreeIPA的客户端
  8. qt qtableview mysql_Qt数据库编程中QTableView使用方法
  9. java awt jar_【Java学习笔记】操作JAR文件
  10. Git patch的使用方法和场景
  11. 万亿估值来了!3次大难不死,蚂蚁金服终于登顶世界第一
  12. opencv抠出圆形区域_用OpenCV检测圆形区域(包含大量小对象)
  13. vios 虚拟光驱 安装vioc
  14. Springboot项目引入Bootstrap后,图标不能正常显示,报:Failed to decode downloaded font
  15. 华为 Telnet aaa认证模式
  16. Android 读取、接收、发送 手机短信
  17. 如何让你开发的游戏赚钱
  18. matlab mex入门简介
  19. 2020ICPC济南K Kth Query
  20. about GLOBAL TEMPORARY TABLES

热门文章

  1. (附源码)RN Demo
  2. Android的动画简单学习
  3. php工作在fastcgi模式下怎样配置xcache,FastCGI模式编译安装LAMP+XCache
  4. 07.electron-(渲染进程和主进程)通信
  5. VS debug调试时提示“未找到源”
  6. python合并单元格居中_Python实现Excel自动分组合并单元格
  7. Windows下phpstudy nginx.conf 配置PHP项目
  8. .doc文件标题的使用
  9. ndk-build.cmd‘‘ finished with non-zero exit value 2
  10. 安装了一下WinZip,感觉很难用