css中块级元素和行内元素的区别

最新推荐文章于 2023-07-11 15:17:09 发布
最新推荐文章于 2023-07-11 15:17:09 发布
阅读量177 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46472106/article/details/107893924
版权

块级元素与行内元素的区别

块级元素
div、h1~h5、p、html、body、ul、li
1) 独占一行
2) 默认宽度为100%，默认高度由子元素或者内容决定
3) 可以为其指定宽高 style=“width:;height:;”

行内元素
span、a、img、strong、i
1) 与其他行内元素共享一行
2) 默认宽高由内容决定
3) 不能为其指定宽和高
4) 行内元素中不可以嵌套块元素，但块元素中可以嵌套行内元素

qq_46472106
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
元素的默认宽高、浮动问题、划块、权重、 内联元素和块元素的区别
Braque的博客
06-09 634
元素的默认宽高： 1.未浮动的元素宽度默认为父级的100%（浮动的元素会脱离文档流。什么是脱离文档流，以后再讲。） 2.高度默认为0，如果有子集的话高度由子集决定 如果父级为body，高度百分比不生效，不是body，高度百分比是生效的 3.浮动的元素的宽度由内容决定，没有内容默认为0 元素的浮动： 1.希望哪几个元素在一行上显示就给哪几个元素加浮动， 不管左浮动还是右浮动，都是居父级的最左边或者最右边 清除浮动不是一劳永逸的，页面中有多少处用到了浮动，就需要清除多少次(这点特别重要，虽然表现形式可能看不出差
行内元素、行内块元素、块级元素的区别，空元素有哪些
Start_again_yan的博客
01-01 479
行内元素： 行内元素也叫内联元素或内嵌元素，只能容纳文本或其他内联元素。常见行内元素有：<a>、<span>、<b>、<strong>、<i>、<em>、<s>、<del>、<u>、<ins>等。特点如下： 不独占一行，不自动换行 不能设置宽高属性（可以设置line-height指定高度，宽度随内容变化） margin水平方向有效，垂直方向无效 padding水平方向有效，垂直方
js遍历子节点子元素附属性及方法
12-10
代码如下: // 添加子节点前 删除所有子节点 var usernameEle = document.getElementById(“username”); var childs = usernameEle.childNodes; for(var i = childs.length – 1; i >= 0; i–) { usernameEle.removeChild(childs[i]); } var username = document.createTextNode(obj.username); usernameEle.appendChild(username); 属性： nex
php遍历父元素,PHP遍历函数将单个数组转换为具有子元素的嵌套数组 – 基于父标识...
weixin_34173656的博客
03-10 140
我有一个类似这样的数组：Array(Array([ID] => 1[parentcat_ID] => 0),Array([ID] => 2[parentcat_ID] => 0),Array([ID] => 6[parentcat_ID] => 1),Array([ID] => 7[parentcat_ID] => 1),Array([ID] =&g...
多层数组如何遍历_剑指 Offer 42. 连续子数组的最大和
weixin_42310670的博客
01-12 179
class Solution { public int maxSubArray(int[] nums) { }}多层循环实现如果这题不限制时间复杂的话，可以使用三个 for 循环实现。主要实现思路就是遍历每个子数组，记录最大值。public int maxSubArray(int[] nums) { if(nums.length == 1) return nu...
01-vlc-object对象
darkGer的博客
12-15 396
一、vlc_object对象 1、vlc_object对象结构 vlc中所有对象都包含vlc_object，类似c++中的继承，都从vlc_object中继承过来，如stream_t、input_thread_t等，vlc播放环节必有的一些对象都是需要从vlc_object继承 struct vlc_object_t { VLC_COMMON_MEMBERS //此宏展开如下： }; struct vlc_object_t { const char *psz_object_type;//对
obs 推 rtsp 流
u013378350的博客
11-07 6012
obs rtsp
进一步理解CSS编程中的块级元素和行内元素
12-13
当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的，float也具有此功能。 Inline element 内联元素通俗点来说就是文本的显示方式，与块级元素相反，内联元素的高度宽度都是不可以...
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...
css盒模型和块级、行内元素深入理解
09-25
总的来说，理解和掌握CSS盒模型及块级元素与行内元素的概念，对于创建响应式、灵活的网页布局至关重要。通过熟练运用这些知识，开发者能够精确控制网页元素的外观和交互，从而实现理想的网页设计效果。
Camera 是多线程编码时，拉取rtsp抓推rtmp出现绿屏现象
cffishappy的专栏
01-13 558
Camera 多线程编码 rtsp抓推rtmp 绿屏
如何解决直播中黑屏、花屏、闪屏问题?10 分钟搞明白
热门推荐
lucky的专栏
11-25 1万+
播放失败 直播卡顿 首开慢 延时高 音画不同步 马赛克严重 播放黑屏、花屏、绿屏 播放杂音、噪音、回声 点播拖动不准 直播发热问题 其他问题（待续） 首先我们要明白，黑屏、花屏、闪屏等问题，可能是推流端的问题，也可能是播放器的问题，遇到这些现象，我们要第一时间用别的播放器（如 VLC，ffplay）试试，如果都出现同样的问题，那么多半是流本身的问题了，反之，则很可能是播放器的问题。 播放黑屏 现象：画面是黑的，没有图像，但是有声音。 1.主播端摄像头权限问题 无论 Andr...
音视频学习–关于绿屏的6种检测方案
最新发布
m0_60259116的博客
07-11 801
音视频学习–关于绿屏的6种检测方案
递归遍历数组子集
DC的陋室
04-18 4243
题目：数组（例如{a,b,c}），递归打印出所有子集 思路：数组元素要么在子集中，要么不在子集中，N个元素的数组子集个数为2^N，在不在子集中可以用0和1表示，N个元素的子集就可以用N位二进制数表示，因此遍历所有子集只需遍历所有N位二进制数即可 代码如下：
数组遍历区分父子级重排遍历多维数组
cdx1170776994的博客
11-06 596
背景：在开发实战中，后台传给前台的数据是一个数组，数组根据id和pId一一对应具有父子级关系， 如：第一个对象 a.id='1' ;a.pid='0'; 第二个对象 b.id='5'; b.pid='1'; 第三个对象 c.id='7'; c.pid='5'; 这样，a.pid='0'; a就是为第一级父元素，b.pid=a.id 则对象a就是对象b的父级， 以此类推，对象b就是对象c的父...
jQuery 遍历 - 后代
unber的博客
05-31 311
后代是子、孙、曾孙等等。通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。
jQuery选择器之获取祖先级、兄弟级、子孙级元素
夜空下的凝视
05-18 1万+
一、获取祖先级元素 1、parent(selector)：返回直接父元素，可选择过滤。 2、parents(selector)：返回祖先元素，包括父元素，可选择过滤。 3、closest(selector)：返回第一个祖先元素（祖先是父、祖父、曾祖父，依此类推。），从当前元素开始沿 DOM 树向上，可选择过滤。 二、获取兄弟级元素 1、next(selector)：返回下一个同胞元素，可选择过滤。...
jQuery-后代
NanChen的博客
09-08 296
后代指的是子，孙，子孙 有两种方法，方法如下： children()方法：返回被选元素的所有直接子元素，（父亲找儿子） 例如我想选取ul的儿子（li）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v
jQuery找祖先和子孙节点方法
卫可冬的博客
12-30 5095
$("span").closest("ul") //找span的祖先ul $("ul").find("span") //找ul的子孙span $(selector).find(filter) find() 方法返回被选元素的后代元素。 后代是子、孙、曾孙，依此类推。 **DOM 树：**该方法沿着 DOM 元素的后代向下遍历，直至最后一个后代的所有路径（）。 **注意：**filter 参数在...
块级元素和行内元素有什么区别
05-24
块级元素和行内元素是 HTML 中常见的两种元素类型，它们在显示上有许多不同之处。 1. 块级元素通常会独占一行，而行内元素则会在一行内与其他元素共存。 2. 块级元素可以设置宽度、高度、内边距和外边距等样式属性，行内元素则不一定可以。 3. 块级元素可以包含其他块级元素和行内元素，而行内元素只能包含其他行内元素和文本。 4. 块级元素在默认情况下会自动换行，而行内元素则不会。 5. 块级元素可以使用 CSS 中的 display 属性设置为行内块元素，而行内元素不可以设置为块级元素。 一些常见的块级元素包括 div、h1、p 等；常见的行内元素包括 span、a、img 等。在实际开发中，根据需要选择合适的元素类型可以有效地控制页面的布局和样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值