• 2024-06-04[CSS] Animate A Card's Width on Hover with Flexbox
    ThecardsontheDJIsitehaveaneffectwherethehoveredcardexpandsandtheothercardsshrink:Inordertoemulatethiseffectwe'lluseFlexbox.We'llstartbyaddingtheclasses flex-1 and hover:grow-[2] tothe li element,andremovingt
  • 2024-05-18Flex布局-子项
    弹性盒子是一种用于按行或按列的一维布局方法.元素可以膨胀以填充额外的空间,也可以收缩以适应更小的空间.flex容器项重点只是用表格进行排版而已,横向内容无关联哈,只是简要回忆一些前置知识.重点常用布局flex-direction内联和块的水平垂直居中布局f
  • 2024-02-26说一下flex的属性
    flex-grow项目的放大比例,默认为0,即如果存在剩余空间,也不放大。flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。负值对该属性无效。flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间(mainsize)。浏览器根据这个属性,计算主轴是否有多余空间。它
  • 2023-12-222. 英语句子的基本结构
    句子的基本结构一》主谓如;他笑了二》主谓宾三》主系表四》主谓双宾五》主谓宾宾补 主谓宾 谓语 是有时态的实意动词主系表;1>be 2>感官动词:look smelltastesoundfeelsmelln 气味tasten 喜爱 喜好 have taste for sthsound n 声音You
  • 2023-11-28Collection框架集合(1)
    Collection类集设置的目的普通数组,并不是动态数组,在扩容时候每次是自己进行new一个更大的新的数组,而在实践开发的时候,方便实际Java实现了类集。类集中的三大接口:Collections,Map,Iterator。所有的类集合都在java.util包中。Collection接口Collection接口是在整个Java类
  • 2023-11-12css3 弹性盒子
    flex属性详解juejin.cn溪阳网页布局最早的时候,网页排版通常是通过table元素实现的,在table的单元格里使用align、valign来实现水平和垂直方向的对齐后来随着html语义化和CSS的发展,浮动布局和定位布局也出现了,还有text-align:center、verticle-align:center
  • 2023-10-24JGoodies Usage Notes
    导包、设置导入包:<dependency><groupId>com.jgoodies</groupId><artifactId>forms</artifactId><version>1.2.1</version></dependency>idea里面布局切换一下:行列规范解释他是一个类似表格布局方式,你先设计好一个大的表格背景,然后将你想要的组件放置到指
  • 2023-05-18第四章课后练习
    习题4-14题目:定义一个Tree类,有成员树龄ages,成员函数grow对ages加上years,age()显示tree对象的ages对象的ages的值。代码部分:#include<iostream>usingnamespacestd;classTree{private:intages;public:Tree(inta){ages=a;}voidgrow
  • 2023-02-20关于flex:1详解(用来设置 flex-grow, flex-shrink 与 flex-basis。)
    关于flex:1详解;https://blog.csdn.net/qq_40138556/article/details/103967529flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为01auto。后两个属性可
  • 2023-02-07一篇文章带你掌握Flex布局的所有用法
    Flex布局目前已经非常流行了,现在几乎已经兼容所有浏览器了。在文章开始之前我们需要思考一个问题:我们为什么要使用Flex布局?其实答案很简单,那就是Flex布局好用。
  • 2023-02-02GROW模型:世界上最常用的教练模型(**案例及全套表单)
    http://www.360doc.com/content/21/0812/18/76566468_990752480.shtml 《高绩效教练》一书的核心方法就是GROW模型。GROW模型分为4步:1.目标设定(goal),设定的是本次教
  • 2023-01-292.日志
    1.一个好的项目应该有一个好的日志框架,保证服务正常运行  思路 我认为一个内嵌的日志应该是要能支持 Microsoft.Extensions.Logging微软插件的服务。   所以
  • 2023-01-13vue.js客服系统实时聊天项目开发(二)界面代码css display:flex实现垂直方向自适应高度
    我想要实现的效果是,三个元素,第一个是标题,第二个是消息列表是自适应高度的,第三个是输入框<template><divclass="chatAppBody"><divclass="chatTitle">标
  • 2022-11-16flex
    Flex基本概念:在flex容器中默认存在两条轴,水平主轴(mainaxis)和垂直的交叉轴(crossaxis),这是默认的设置,当然你可以通过修改使垂直方向变为主轴,水平方向变为交叉轴,这
  • 2022-11-13Flex 的使用
    1.flex父容器container{display:flex;}中的display:flex可以令一个元素成为flex父容器1.1flex-direction用于控制主轴的方向row(默认值):主轴方向从左
  • 2022-09-19【css】-- flex:1的作用
    flex:1实质上是 flex-grow:1;flex-shrink:1;flex-basis:0;flex默认值为01auto该属性有两个快捷值:auto (11auto)和none(00auto)一、flex-growflex-grow