2025-03-03基本内容：基本内容：1.弹性容器和弹性子元素2.主轴（main axis）和交叉轴(cross axis)3.弹性容器的基本属性4.项目的基本属性我是一个分割线一、弹性容器和弹性子元素：弹性盒子：-弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。它的所有子元素自动成为容器成员，称为flex项目，简称-弹性容器内包含了一个或多个弹性子元素。

https://www.qianduange.cn//article/22453.html 分类：前端知识

2025-03-02* 子元素之间的空间分布 */align-items: center;/* 子元素在垂直方向居中对齐 */flex-direction: row;/* 子元素沿水平方向排列 *//* 第二个子元素占用的空间是其他子元素的两倍 */height: 100vh;/* 容器高度为视口高度 */flex: 1 1 auto;/* 允许子元素伸缩 */首先将容器属性设置成。_ .container { display: flex; justif

https://www.qianduange.cn//article/22288.html 分类：前端知识

2025-02-28文章描述了在使用jQuery和Bootstrap构建的大屏轮播效果中，Echarts图表在非首屏无法正常渲染的问题。原因在于非active样式的轮播项display为none，导致Echarts无法正确初始化图表。解决方案是在轮播完成切换后，利用Bootstrap的slid.bs.carousel事件来初始化Echarts图表，确保图表在有显示的情况下渲染。

https://www.qianduange.cn//article/21980.html 分类：前端知识

2025-02-28display 是 CSS 和微信小程序 WXSS1. display 的基本分类display值作用适用场景block块级元素，占满整行<view>(默认值)inline行内元素，不换行<text>，超链接inline-block既是行内元素，又可设置宽高按钮、徽章none隐藏元素，不占空间用于动..._小程序 display: block

https://www.qianduange.cn//article/21840.html 分类：前端知识

2025-02-25方法1：$("#demo").attr("style","display:block;方法1：$("#demo").attr("style","display:none;方法2：$("#demo").css("display","block");方法2：$("#demo").css("display","none");不占位，隐藏后，后面的div前移。_jquery div隐藏

https://www.qianduange.cn//article/21376.html 分类：前端知识

2025-02-25使用display:flex或display:inline-flex将一个元素设置为flex容器，容器的直接子元素自动成为flex项目。（适合响应式设计，结合媒介查询）

https://www.qianduange.cn//article/21328.html 分类：前端知识

2025-02-24前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。CSS3 中的是一种强大的布局模式，被称为“弹性盒布局”或“Flexbox”。它允许我们通过一套简洁的规则，轻松地对网页元素进行对齐、排列和分布，不论这些元素的大小、排列方向如何。它主要解决了传统布局方法中遇到的一些问题，如元素对齐、间距分配以及自适应布局等。下面是对的一些关键概念和使用方法的详细介绍。_css3 display flex

https://www.qianduange.cn//article/21036.html 分类：前端知识

2025-02-24开源项目推荐：Displacy.js displacy :boom: displaCy.js: An open-source NLP visualiser for the modern web 项目地址: https://gitc...

https://www.qianduange.cn//article/20981.html 分类：前端知识

2025-02-23弹性盒子模型（Flexbox）是一种CSS布局模型，用于在页面上对齐和分配容器内的项目（子元素）。它旨在提供一种更有效的方式来布局、对齐和分配容器内项目的空间，即使它们的大小是未知或者动态变化的。Flexbox 主要特点包括：1. 主轴和交叉轴：Flexbox 定义了两个轴，主轴（main axis）和交叉轴（cross axis）。项目沿着主轴排列，而交叉轴垂直于主轴。2. 容器和项目：使用 display: flex;或 display: inline-flex;_flex-flow

https://www.qianduange.cn//article/20717.html 分类：前端知识

2025-02-23CSS 布局（Cascading Style Sheets Layout）是网页设计的核心，定义元素位置、大小和排列，构建页面结构。其布局模式多样：Flexbox 通过display:flex激活，借助justify-content和align-items灵活排列元素，适用于导航栏、卡片列表；CSS Grid 用grid-template-columns和grid-template-rows定义二维网格定位元素，常用于电商、多列图文排版；传统流式布局基于文档流，元素顺序排列，自适应屏幕宽度，保障页面可读性。

https://www.qianduange.cn//article/20705.html 分类：前端知识