搜索结果
查询Tags标签： flex，共有 179条记录-
HTML5语义化元素和CSS 弹性布局
一、h5语义化元素 h5语义化语义元素仅仅是界面结构的体现，并不会对内容有本质的影响。 header元素，两种用法：第一表示网页的页眉，第二在一块内容里表示内容的标题。按照h5的规定，每一个header元素里应该显示或隐式的包含某个级别的标题，即包含标题元素<h>，如…
2022/9/8 23:54:39 人评论 次浏览 -
flex常用布局
公共样式：<style>* {margin: 0;padding: 0;}.has-flex {display: flex;}</style> 垂直居中 子元素左右分布 css.father-one {width: 100%;height: 200px;background-color: #fffcef;align-items: center; /*纵轴）方向上的对齐方式。*/justify-content: spac…
2022/9/6 23:23:07 人评论 次浏览 -
Windows编译 wireshark
要想编译WireShark： 我们需要设置一些环境变量来配置cmake，幸运的是，vscode的CMake插件为我们提供了这个功能，我们只需要在工作区中设置即可：同时需要注意的是，因为wireshark需要C11，但是旧版本的Windows SDK并不支持C11，而我们的"实用C++的桌面开发"恰…
2022/9/3 5:22:49 人评论 次浏览 -
知道何时使用 flex 或 grid
知道何时使用 flex 或 grid 当您第一次开始学习 Web 开发时，知道何时使用 flex 或 grid 可能会非常令人困惑。他们基本上做同样的事情，但学习这些差异可以帮助你的发展事业。 很难发现这些差异以及何时使用其中一种。所以希望我能帮助你展示你在什么情况下使用网格或什么…
2022/9/2 6:24:20 人评论 次浏览 -
uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期
uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期<template><view class="content"><image class="logo" @click="handleFei" src="/static/logo.png"></image><view class="text-a…
2022/8/23 6:23:51 人评论 次浏览 -
卡片布局以及鼠标悬浮展示全部
界面要求不论视口大小每行显示6个元素，文字超出长显示省略号（暂定显示一行）当鼠标悬浮的时候，展示所有文字，卡片向下延展直到能够完全显示文字先看效果图分析第一个要求我们可以用flex布局实现，css控制文字效果第二个，我们可以采用外层嵌套div的方式控制，当鼠标悬…
2022/8/16 23:30:01 人评论 次浏览 -
小程序开发 root-portal对话框
前言实现弹窗对话框 效果图 代码 .jsconst app = getApp()Page({data: {show: false,},toggle() {this.setData({show: !this.data.show,})},onClickCancel:function() {this.setData({show: false})},onClickPositive:function() {this.setData({show: false})}, }).wxm…
2022/8/9 1:22:46 人评论 次浏览 -
简单使用CSS与html制作了一个小网页
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width…
2022/8/6 23:23:28 人评论 次浏览 -
移动web开发03
没有用到浮动 ，所以不用去清除浮动。也可以平均分配。 甚至不用写宽度，直接flex：1就可以了。 flex可以垂直居中。flex会让子元素在一行内显示，如果子元素超出父元素，则子元素自己变小宽度（缩小了元素的大小。），使得全部子元素在一行内显示。都是要先确认好谁是主轴…
2022/8/4 23:23:26 人评论 次浏览 -
Element 2 组件源码剖析之布局容器
0x00 简介 前文分析过组件的 布局栅格化(Grid Layout) ，通过基础的 24 分栏，迅速简便地创建布局。 本文将介绍用于布局的容器组件，使用 Flexbox 功能将其所控制区域设定为特定的布局，方便快速搭建页面的基本结构。本文将深入分析组件源码，剖析其实现原理，耐心读完，…
2022/7/28 1:24:04 人评论 次浏览 -
【面试经验分享】2022 前端知识复习—— HTML + CSS 篇
HTML 相关 HTML5 新特性有哪些？ 语义标签：header、nav、section、aside、footer 等； 增强型表单：type=email、type=date、type=number 等； 新增表单属性：placehoder、pattern、multiple 等； 音频和视频：audio、video； 绘图：Canvas； 其他：地理定位、拖放 API、…
2022/7/21 6:25:56 人评论 次浏览 -
flex:1到底是什么
lex实际上是flex-grow、flex-shrink和flex-basis三个属性的缩写。flex:1 => flex: 1 1 auto; 原文链接：https://blog.csdn.net/weixin_43554584/article/details/113839778
2022/7/21 6:25:54 人评论 次浏览 -
你未必知道的49个CSS知识点
本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚…
2022/7/17 6:15:08 人评论 次浏览 -
前端里的BFC是什么，如何理解，如何创建BFC
BFC是什么BFC的全称：block formatting context（块级上下文） 它是一个独立的渲染区域，只有它规定了内部的Block level box如何布局，并且与这个区域外部毫不相干 如何让理解BFC 具有BFC特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元…
2022/7/15 23:25:02 人评论 次浏览 -
flex 布局子元素被挤压的问题
Flex 意为 “弹性布局”，是一种在开发静态页面过程中常用的布局模式。 开发购物车使用flex布局的时候遇到的一种场景：子元素被挤压 具体如图所示， 当商品名称超出两行文字时显示省略号， 是使用flex布局的。 占位较多的子元素会去挤压别的子元素。 解决方法很简单， 就…
2022/7/11 23:26:21 人评论 次浏览
