![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
浅~
这个作者很懒,什么都没留下…
展开
-
React手写tab切换
父文件import React, { useState } from 'react';// import Module1 from './Module1';// import Module2 from './Module2';// import Module3 from './Module3';// import Module4 from './Module4';import HeaderTtabs, { tagType } from '@/components/Task/Tree/Commo.原创 2021-11-09 10:20:33 · 661 阅读 · 0 评论 -
tab切换
两款样式,差不多样子。如上:import React, { useState, useEffect, Fragment, FC } from 'react';import { withRouter } from 'umi';import { Modal, Row, Col } from 'antd';import styles from './index.scss';import { divide } from 'lodash';import { useRequest } from 'ahoo.原创 2021-11-08 21:00:43 · 130 阅读 · 0 评论 -
关于CSS-BFC
好记性不如烂笔头,研究了一下BFC,发现里面比较细的东西也是很多的!希望喜欢的朋友可以点个赞,或者关注一波本人,谢谢。定位方案是控制元素的布局,有三种常见方案:普通流 (normal flow)浮动 (float)绝对定位 (absolute positioning)BFC 概念Block Formatting Contexts (块级格式化上下文)是 W3C CSS2.1 规范中的一...原创 2020-03-12 15:02:43 · 193 阅读 · 0 评论 -
清除浮动和利用margin属性水平居中对齐
当使用float属性后,记得后面不需要的元素,需要使用clear属性清除浮动。clear属性值有如下这些:值说明left在左侧不允许有浮动元素right在右侧不允许有浮动元素both在左右侧不允许有浮动元素none默认值。允许浮动元素出现在左右两侧inherit继承父元素clear属性的值如果要实现块元素水平居中对齐,可以通过让mar...原创 2020-03-11 19:46:19 · 232 阅读 · 0 评论 -
Flex布局之最后一项居右对齐
感觉经常遇到topbar中item都是居左对齐,最后一项向右边对齐。诸如“”“日期”,“删除”, 分享等看到一种简单的方法记录下:在主轴将justify-content属性设置为flex-start后在最后一项元素使用样式:margin-left: auto;...原创 2020-03-09 15:00:42 · 831 阅读 · 0 评论 -
单/多行文本溢出显示省略号的几种方法
标题单行文本溢出显示省略号.box1{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}当然还需要加宽度width属来兼容部分浏览多行文本溢出显示省略号问题:如果是两行显示,第一行折行,第二行需要超出省略该如何实现呢?或者第N行要省略该如何解决呢?方案1 —css 的不规则属性...原创 2020-03-06 19:49:21 · 193 阅读 · 0 评论