首页 > 其他分享 >块级元素和行内元素

块级元素和行内元素

时间:2022-10-07 17:13:54浏览次数:51  
标签:块级 行内 元素 element 宽度 新行

一、块级元素(block element)

块级元素总是从新行开始,并占据可用的全部宽度(尽可能向左和向右伸展)。

这个 <div> 元素属于块级元素。

块级元素的一些例子:

  • <div>
  • <h1> - <h6>
  • <p>
  • <form>
  • <header>
  • <footer>
  • <section>

二、行内元素(inline element)

内联元素不从新行开始,仅占用所需的宽度。

这是段落中的行内 <span> 元素。

行内元素的一些例子:

  • <span>
  • <a>
  • <img>

标签:块级,行内,元素,element,宽度,新行
From: https://www.cnblogs.com/cyy22321-blog/p/16760075.html

相关文章

  • 元素垂直居中
    原代码使用一个div+span,实现span元素垂直居中。span元素就分为三种情况:行内元素,行内块,块元素 <div> <span>loading</span> </div>行内元素居中:水平使用:text-......
  • transform属性(元素转换、变形等)
    transform属性值描述none定义不进行转换matrix(n,n,n,n,n,n)定义2D转换,使用六个值的矩阵matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)定义3D转换,使......
  • 减小运行内存的方法
     1、写成函数的形式,通过调用函数,返回想要的结果,中间变量在返回后会清空函数返回值越少越好,_虽然不会显示变量,但会占内存2、清除中间变量函数ifhasattr(torch.cuda......
  • 滚动元素Marquee用法详解
    代码如下:<marquee><fontsize=+3color=red>Hello,World</font></marquee>下面这两个事件经常用到:onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动onMouse......
  • 代码随想录day13 ● 150. 逆波兰表达式求值 ● 239. 滑动窗口最大值 ● 347.前 K
    150.逆波兰表达式求值解题步骤:第一步:创建一个栈;第二步:遍历整个数组;第三步:判断遍历到的元素是运算符还是数字;数字:直接压入栈中运算符:将栈顶两个元素做相应运......
  • ImGui渲染3d元素的方法
    目前主要有2种方法:一是简单场景,可以自己处理3维坐标向屏幕坐标的转换,然后调用ImGui的二维绘制函数进行渲染;二是复杂场景,首先在3d引擎侧渲染到bufferframe,然后调用ImGui的......
  • 牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II
    牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II题目描述给出一个升序排序的链表,删除链表中的所有重复出现的元素,只保留原链表中只出现一次的元素。原题目见:BM......
  • Luogu P5089 [eJOI2018] 元素周期表 题解
    (从洛谷博客搬过来的)这道题嘛..主要还是找性质推规律。拿到题,第一眼:噢噢爆搜啊。第二眼:噢噢贪心啊。第三眼:很好贪心假了。然后苦思冥想半个小时去看题解。看到兔队的......
  • 代码随想录第十三天 | 150. 逆波兰表达式求值、239. 滑动窗口最大值、347.前 K 个高频
    第一题150.逆波兰表达式求值根据逆波兰表示法,求表达式的值。有效的算符包括 +、-、*、/ 。每个运算对象可以是整数,也可以是另一个逆波兰表达式。注意 两个整数之......
  • SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法试读版
    一套适合SAPUI5初学者循序渐进的学习教程本专栏计划的文章数在​​300​​​篇左右,到​​2022年9月22日​​​为止,目前已经更新了​​133​​​篇,专栏完成度为​......