子元素第2页

HarmonyOS4.0系统性深入开发35 弹性布局（Flex）

弹性布局（Flex）概述弹性布局（Flex）提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。

程序员沙蛙·2024-02-20 22:05

web CSS3伪类选择器 :nth-child()

:nth-child()可以选择某个的一个或多个特定的子元素，你可以按这种方式进行选择：:nth-child(length);/*参数是具体数字*/:nth-child(n);/*参数是n,n从0开始计算

worldzhy·2024-02-20 21:11

css选择器:nth-child()的用法

:nth-child():nth-child()选择器，该选择器选取父元素的第N个子元素，与类型无关。

cdgogo·2024-02-20 21:09

CSS的伪类选择器:nth-child()

CSS的伪类选择器:nth-child()CSS的伪类选择器:nth-child()是一个非常强大的工具，它允许你根据元素在其父元素中的位置（序数）来选择特定的子元素。

kfepiza·2024-02-20 21:38

有趣且重要的css知识合集（8）知道子元素，如何修改父元素样式？

在日常开发中，我们知道子元素样式名，但是想修改父元素的样式，怎么办呢？其实css已经提供了这个方法:has官方描述：表示一个元素，如果作为参数传递的任何相对选择器在锚定到该元素时，至少匹配一个元素。

林大大哟·2024-02-20 10:02

Dom节点继承树基本操作

parcntElcrmcnt->返回当前元素的父元秦节点(IE不兼容)children->只返回当前元素的元素子节点node.childFlement(ount===nodechildren.length当前元素节点的子元素

小付-小付·2024-02-20 09:04

CSS实现两栏布局，左侧固定宽高，右侧超高滚动加载

要实现左侧子元素高度固定，右侧子元素超高滚动加载，并且左侧子元素与父级元素高度一致且不跟随滚动，可以使用CSS的flex布局和overflow属性来实现。

三月的一天·2024-02-20 06:51

re:从0开始的CSS之旅 16. 高度塌陷问题

1.高度塌陷问题高度塌陷问题：在文档流中，父元素的高度默认是被子元素撑开的，子元素多高，父元素就多高。

扶摇|·2024-02-19 23:25

2024前端面试准备之CSS篇（二）

例如，:hover伪类用于选择鼠标悬停在元素上的状态，:nth-child(n)伪类用于选择父元素下的第n个子元素等。

前端fighter·2024-02-19 21:54

跟着pink老师前端入门教程-day24

原理：在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。平时响应式尺寸划分，也可以根据

axiu呀·2024-02-15 05:37

移动端基础：flex布局

flex布局原理弹性布局，任何容器都可以指定flex布局当父类设为flex布局之后子类的float、clear、vertical-align属性将失效采用flex布局的元素，称为flex容器所有子元素称为容器成员

象更·2024-02-15 05:21

flex布局

项目容器的所有子元素自动成为容器成员，称为flex项目（flex-item），简称项目。轴容器默认存在两根轴，分别为主轴（mainaxis）和交叉轴（crossaxis）。主

笨不拉几的菜鸟·2024-02-14 23:49

Flex布局全面介绍

注意：Flex布局的子元素如果一行放满不会自动换行，会压缩子元素的宽度width。

simple爱编程·2024-02-14 23:49

周杰伦歌曲赏析（三）――《漂移》

因为前两首赏析都是情歌和慢歌，这次来点新鲜的，俗称“快歌”的，周杰伦第一首包含大量电子元素的歌曲――《漂移》。

山楂绳·2024-02-14 14:35

解决Element UI表格 row-key ID 不唯一

/**父元素和子元素id有重复，子元素有个多余ID，就取多余ID,父元素没有多余ID就取id*/rowKeyFunc(row){if(row.idDi){returnrow.idDi}returnrow.id

Daniel·M·2024-02-14 10:07

CSS浮动

结构伪类选择器作用：根据元素在HTML中的结构关系查找元素优势：减少对于HTML中类的依赖，有利于保持代码整洁场景：常用于查找莫父级选择器中的子元素选择器说明E.first-child{}匹配父元素中第一个子元素

2301_81054073·2024-02-14 05:53

js链式调用动画

链式调用：jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写：$('#div1')//id为div1的元素.children('ul')//该元素下面的ul子元素

鬼会画符·2024-02-14 00:52

svg基础（十）滤镜-feMerge（多滤镜叠加滤镜）

利用result存储别的滤镜的输出可以实现这一点，然后在一个子元素中访问它1语法2feMergeNode属性inSourceAlpha，SourceGraphic，其他滤镜的resultSourceAlpha

无心使然云中漫步·2024-02-13 23:44

不了解工作流框架中的流程元素？这篇工作流流程元素介绍，带你详细分析工作流流程元素中的中间捕获事件和触发事件

中间捕获事件所有中间捕获事件都使用同样的方式定义:中间捕获事件的定义:唯一标识(流程范围内)一个结构为XXXEventDefinition的XML子元素(TimerEventDefinition)定义了中间捕获事件的类型定时中间捕获事件描述定时中间事件作为一个监听器当执行到达捕获事件节点

攻城狮Chova·2024-02-13 21:20

常用标签

head标签作为html标签的子元素的出现，一个网页中只能有一个head。建议将title标签紧贴着head标签编写，这样搜索引擎可以快速检索到标题标签。

4c7e6478f472·2024-02-13 09:37

Vue.js学习笔记（5）

关于Flex-box布局学习：1、容器（flexcontainer），所有的子元素自动成为容器成员容器默认两个轴mainaxis：水平主轴crossaxis：垂直交叉轴2、容器属性2.1flex-direction

程序员不务正业·2024-02-13 06:33

解决flex布局导致子元素的宽度无效的问题

常常我们布局会使用到flex，但布局中存在一些问题，比如无法设置宽度display:flex;flex-wrap:nowrap;我通过设置元素不换行，然后子元素分别设置了50px的宽度和高度，但是无法生效原因设置

废弃的种子·2024-02-13 04:41

垂直居中&水平居中&垂直水平居中

垂直居中行内单行行内设置子元素line-height(行高)等于父盒子高度.box{height:300px;width:300px;background:#FF6666;}a{line-height:

越努力越进步越开心越自信·2024-02-12 12:15

html5-伸缩菜单案例

;height:400px;border:1pxsolid#ccc;margin:100pxauto;}div>ul{list-style:none;width:100%;/*将父容器设置了伸缩盒子，子元素默认成为伸缩项

AssertDo·2024-02-12 11:55

jQuery入门（2）

jQuery选择器属性筛选选择器子元素筛选选择器表单元素选择器表单对象属性筛选选择器特殊选择器thisvar$this=$(this)将DOM对象转换为jQuery对象jQuery元素操作attr()获取和设置素属性值

hsj_gg·2024-02-12 09:24

jquery链式调用及动画、触发事件

链式调用：jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写：$('#div1')//id为div1的元素.children('ul')//该元素下面的ul子元素

鬼会画符·2024-02-12 08:32

H5/CSS 笔试面试考题（21-30）

简述如果子元素都为浮动，不能解决父类高度塌陷问题的是（）A：给父元素添加clear:both;B：给父元素添加overflow:hidden;C：在浮动元素下方添加空div，并添加样式clear:both

宇宙中的一颗星·2024-02-11 12:28

事件机制事件捕获处于目标阶段事件冒泡事件委托

浏览器会从根节点开始由外向内进行传播，如果父元素在捕获期注册了对应的事件，则会先触发父元素的绑定事件事件冒泡由内向外进行传播，直到根节点事件流：事件捕获期(IE10以下不支持捕获期)->处于目标阶段->事件冒泡期当子元素不想触发父元素事件

蘑菇酱960903·2024-02-11 11:17

移动端web开发布局

当我们为父盒子设为flex布局(display属性)以后，子元素的float,clear和vertical-alig

爱踢粪球的虫·2024-02-11 01:27

蓝桥杯（Web大学组）2022国赛真题：新鲜的蔬菜

主要是对flex的运用使用display:flex;justify-content:space-between;以及对其中单个子元素进行操作：align-self:center;align-self:end

头发长出来了^·2024-02-10 10:35

蓝桥杯（Web大学组）2022国赛真题：水果消消乐

不同：两个都display：none遇到的bug:一开始移除相同盒子之后会出现这个情况，以为是下标搞错了从而导致删成最后两个，后来转念一想，应该是因为每次删完后面所有盒子都会向前移动，所以不需要把外面盒子元素移除

头发长出来了^·2024-02-10 10:05

jQ在元素的不同位置插入元素

1.append() append()方法可以在目标元素内部的尾部插入元素，插入的元素作为最后一个子元素。

李赫尔南·2024-02-10 03:15

【css】深入解析CSS （4）网格布局

它的子元素则变成网格元素（griditems）。

woowen！·2024-02-09 17:39

CSS-flex布局

flex布局的组成flex布局主要由2个内容组成：父元素container，以及子元素items，items在container中实现flex布局。containeritems是大家约定俗称的称呼。

DuocHI·2024-02-09 12:01

报错： Duplicate keys detected 重复key报错问题

错误原因：有相同父元素的多个子元素的v-for有相同的key值。

maoge_666·2024-02-09 05:39

re:从0开始的CSS学习之路 7. 盒子模型

用于装内容的容器目的就是为了将HTML文档中的内容进行归纳整理，方便管理，从而达到布局的效果内容区content边框border内边距padding外边距margin1.内容区content元素中所有的子元素和文本等都在内容区中排列内容区的大小使用

扶摇|·2024-02-09 04:20

JS判断元素是否含有子元素

JS判断元素是否含有子元素Element.childNodes.length获取元素子节点数组的长度varr=document.getElementsByTagName("div");for(vari=

Hysea.·2024-02-09 03:01

Web课程学习笔记--flex布局的基本概念

它给flexbox的子元素之间提供了强大的空间分布和对齐能力。本文给出了flexbox的主要特性，更多的细节将在别的文档中探索。

北航程序员小C·2024-02-08 23:26

移动端常见布局

目录一，单独移动端页面（主流）1，流式布局（百分比布局/非固定像素布局）2,flex布局2.1布局原理2.2flex-direction设置主轴方向2.3justify-content设置主轴上的子元素排列方式

Mon trésor.88·2024-02-08 22:22

re:从0开始的CSS学习之路 4. 长度单位

大部分浏览器默认字体大小是16px百分比%：相对于父元素相同样式大小的百分比进行计算优点：当父元素大小发生变化时，子元素的大小也会按比例进行调整相对于字体大小单位em：相对于当前元素字体大小进行计算1em

扶摇|·2024-02-08 16:17

css弹性盒子flex布局

弹性盒子：flex布局1.弹性盒子是一种布局方式2.特点：改变盒子的排列方式采用flex布局的元素，称为flex容器，它的所有子元素自动成为容器成员，称为flex项目在没有flex布局之前因为div是一个块级元素独占一行得到的效果如下图这

向往自由_loser·2024-02-08 16:27

vue怎么调用子元素的方法_vue 父组件中调用子组件函数的方法

vue父组件中调用子组件函数的方法在父组件中调用子组件的方法：1.给子组件定义一个ref属性。eg:ref="childItem"2.在子组件的methods中声明一个函数。eg:useInPar:function(str){console.log(str)}2.在父组件的中声明一个函数，并通过this.$refs.childItem.userInPar来使用子组件中声明的函数。父组件：```me

weixin_39707478·2024-02-08 15:44

onmouseenter和onmouseover的区别

onmouseenter和onmouseleave是一对，onmouseover和onmouseout是一对区别：onmouseover/onmouseout触发子元素的事件时，子元素通过事件冒泡触发父元素对应的事件

wen_文文·2024-02-08 05:15

蓝桥杯Web应用开发-CSS3 新特性

现在我们继续选择器之旅，学习CSS3中新增的三类选择器，分别是：•属性选择器•子元素伪类选择器•UI伪类选择器新增属性选择器属性选择器就是通过正则的方式去匹配指定属性的元素，为其设置样式。

AAA_建筑材料批发叶总·2024-02-07 17:23

【vue】报错 Duplicate keys detected 解决方案