块元素和内联元素的特点-程序员宅基地

技术标签：前端 html

块元素和内联元素

           div就是一个块元素，
               所谓的块元素就是会独占一行的的元素,无论他的内容有多少(就是与宽度无关),他都会独占一整行。
               p h1 h2 h3 ... 都是块元素
               div这个标签没有任何语义，就是一个纯粹的块元素，
并且不会为它里边的元素设置任何的默认样式，
               div元素主要用来对页面进行布局的

           span是一个内联元素（行内元素）
               所谓的行内元素，指的是只占自身大小的元素，不会占用一行
               常见的内联元素：
a img iframe span
               span没有任何的语义，span标签专门用来选中文字，
               然后为文字来设置样式

           块元素主要用来做页面中的布局，内联元素主要用来选中文本设置样式，
注意:一般情况下只使用块元素去包含内联元素，而不会使用内联元素去包含一个块元素
               a元素可以包含任意元素，除了他本身
               p元素不可以包含任何块元素

本文链接：https://blog.csdn.net/qq_38446833/article/details/82053672

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

matlab程序实例光频梳,一种基于光频梳和频谱整形的任意波形发生装置及方法与流程...-程序员宅基地

文章浏览阅读2.2k次。本申请属于微波光子信号生成领域，具体涉及一种基于光频梳和频谱整形的任意波形发生装置及方法。背景技术：目前半导体激光器、光纤光学和微波天线、微波单片集成电路等光学与微波相结合的技术正在高速发展，产生了微波光子学这种结合了微波和光纤通信的交叉学科，而微波光子方法中的任意波形信号发生方法，正是基于这一学科研究，生成具有更高频率和个更高带宽的波形信号，能有效避免其在电域内合成时受限于电子器件的采样率而产生..._oeo震荡的matlab 程序

CSS：实现过长的文字显示...（省略号）_css lable字长变为...并有提示-程序员宅基地

文章浏览阅读2.1k次，点赞2次，收藏8次。在项目中发现系统右上角显示的用户名过长时，无法正常显示，用户名所在的div会跑到下面去，发现这个问题后，我有三种思路，一个是用户在注册的时候，控制其输入的用户名不要过长，这是一种不友好的方法，一般来说用户会使用自己的姓名全拼之类的作为用户名，这样限制的话会影响用户的正常使用；二是使用用户名过长时，自动折行显示的方法，在网上找了一下类似的使用方法，发现显示效果也不理想；最后一种就是过长的文字使用省略..._css lable字长变为...并有提示

JAVA锁之一（synchronized快速记忆法）_synchronize记忆-程序员宅基地

文章浏览阅读607次。JAVA锁之一（synchronized）一· 概述在JAVA中有很多锁，都可以实现多线程编程中实现数据的锁定，防止并发问题，本章节主要简单介绍下synchronized.二· 介绍2.1 修饰场景synchronized是用于修饰用的加锁关键词，可以用于方法和代码块中，可以简单理解为锁住对象对应的指针地址，只要区分好指针对象是否同一个地址，就可以判断两个线程的锁是否互斥。synch..._synchronize记忆

注意，Redis 6.0 除了多线程，别忘了这个牛逼特性！-程序员宅基地

文章浏览阅读219次。来源 |https://urlify.cn/mYVVNfRedis 6.0的新特性也是在一步步的讨论和优化中确定的。很多的特性已经在之前的RC等版本中介绍过了。但是正式GA版中也有一些..._redis6.0 key淘汰

1094 谷歌的招聘（20 分）_python 1094 谷歌的招聘 (20分)-程序员宅基地

文章浏览阅读489次。1094 谷歌的招聘（20 分）2004 年 7 月，谷歌在硅谷的 101 号公路边竖立了一块巨大的广告牌（如下图）用于招聘。内容超级简单，就是一个以 .com 结尾的网址，而前面的网址是一个 10 位素数，这个素数是自然常数 e 中最早出现的 10 位连续数字。能找出这个素数的人，就可以通过访问谷歌的这个网站进入招聘流程的下一步。自然常数 e 是一个著名的超越数，前面若干位写出来是..._python 1094 谷歌的招聘 (20分)

Linux之grep命令详解_linux grep-程序员宅基地

文章浏览阅读2.6w次，点赞19次，收藏140次。注：部分概念介绍来源于网络一、简介grep (global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出来)是一种强大的文本搜索工具，它能使用正则表达式搜索文本，并把匹配的行打印出来。二、grep常用用法1、grep [-acinv] [--color=auto] '搜寻字符串' filename.txt选项与参数：-w ：被匹配的文本只能是单词，而不能是单词中的某一部分，如文本中有liker，而我_linux grep

随便推点

TCP / IP 详解_rfc5952-程序员宅基地

文章浏览阅读218次。第 1 章、概述OSI 模型：物理层、链路层、网络层、传输层、会话层、表示层、应用层第 2 章、Internet 地址结构RFC5952 规则：前导的 0 必须压缩。:: 只能用于影响最大的地方。a 到 f 的十六进制数字应该用小写。IPv4 地址划分：A类、网络号（8位 - 0）、主机（24位）B类、网络号（16位 - 10）、主机（26位）C类、网络号（24位 ..._rfc5952

展示用户画像_从0搭建用户画像系统（二）之数据看板-程序员宅基地

文章浏览阅读308次。作者介绍酒仙桥@道明学长自如数据PM一只告别野路子，带你探索数据新世界上期我们了解了《从0搭建用户画像系统（一）之系统五大常规模块介绍》，本期将和大家分享用户画像系统中数据看板模块的一些思考。笔者之前经历多个企业级画像系统搭建，总结起来，搭建数据看板的目的不外乎两类：秀”肌肉”和“方便看数”。分享一下笔者经历过两家公司考虑增加数据看板的案例。第一家三方大数据公司，核心盈利模式是通过沉淀的海量用户数..._立体用户画像怎么可视化呈现

基因分型分析之全外显子组分析_全外显子分析-程序员宅基地

文章浏览阅读4.4k次。简介全外显子组测序是一种广泛使用的新一代测序（NGS）方法，涉及基因组蛋白质编码区域的测序。人类外显子组所占基因组的比例不超过2%，但它包含了约85%已知与疾病相关的变异，这使得该方法成为全基因组测序的一种经济高效的替代方法。外显子组测序可检出编码外显子的变异，能够扩大靶向内容，包括非翻译区（UTR）和microRNA，可以获得基因调控的全面视图。当无法进行或没有必要进行全基因组测序时，外显子组测序是一种经济有效的替代方法。只对基因组的编码区域进行测序，使研究人员能将资源集中在最有可能影响表型的基因上，周_全外显子分析