ICode9

精准搜索请尝试: 精确搜索
  • css基础2022-02-11 10:02:01

    ----盒子属性 1、display: flex弹性盒子 2、flex-direction主轴元素排列方向          row    (默认值)主轴为水平方向,起点在左端          row-reverse    主轴为水平方向,起点在右端          column    主轴为垂直方向,起点在上沿         

  • css 居中 转载2022-02-11 08:01:15

    在介绍居中方式之前,简单介绍一下行内元素和块级元素。 行内元素 和其他元素都在同一行 高,行高及外边距和内边距部分可以改变 宽度只与内容有关 行内元素只能容纳文本或者其他行内元素 常用内联元素:a,img,input,lable,select,span,textarea,font 块级元素 总是在新行上开始,占据

  • flex详解2022-02-09 16:35:24

    flex: flex-grow flex-shrink flex-basis的组合flex-grow(grow扩展的意思),默认值为0:(1)解释:如何分配flex子元素的剩余空间(2)如果所有项目的flex-grow属性都相同,则它们将等分剩余空间(3)如何计算:1) 如果所有项目的flex-grow值大于1,如下, 1+2+3 > 1,,采取如下计算方式如果主轴长度是600

  • 5.构建项目2022-02-08 16:03:13

    5.构建项目 5.1 构建项目的基本结构   安装重置样式表 yarn add normalize.css -S // src/main.js 引入重置样式表 import Vue from 'vue' import App from './App.vue' import './registerServiceWorker' import router from './router' import store from &#

  • 随记2022-02-08 11:31:36

    一、让CSS flex布局最后一行列表左对齐的N种方法  

  • 微信小程序 两列样式2022-02-07 17:31:32

      <view class="container"> <view class="imglist"> <block wx:for="{{recommendeds}}" wx:for-item="recommended"> <view class="listbox"> <ima

  • Box of CSS32022-02-06 22:34:02

    文章目录 Box of CSS3W3C Standards modeIE 6 Quirks modebox-sizingcontent-boxborder-box overflowvisiblehiddenscrollautoclip resizeflexflex-directionrowcolumnrow-reverse、column-reverse flex-wrapnowrapwrapwrap-reverse justify-contentflex-startflex-endcent

  • 学习笔记六2022-02-06 22:30:13

    这次的记录一下关于html横向滚动区域的实现: 以下为几种横向滚动的实现方式,不论哪种方式中,overflow-y: hidden都是必须的,该属性会禁用竖直方向的溢出。 以下为一个简单的效果图:   1、flex容器: .container { font-size: 14px; width: 700px; height: 500px; mar

  • 前端面试大全及答案2022-02-05 23:04:08

    前端开发掌握的知识点内容摘要:   HTML&CSS:浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系,常用属性、布局、选择器、权重、CSS盒模型、Hack、CSS预处理器、CSS3动画   JavaScript: 数据类型、运算、对象、Function、继承、闭包、作用域、事件、Prototype、RegExp、

  • 1~2月份面试总结2022-02-03 10:34:49

    本篇总结了我这一个月来的面试经历和一些知识点。 面经归纳 javaScript js数据类型有哪些 ,typeof null和typeof undefined 区别 深浅拷贝 var let const区别 块级作用域 箭头函数与普通函数的区别 原型链 var name='byte' var obj1={ name:'dance', getName:()=>{ retu

  • 【css】css语法学习笔记2022-02-03 05:36:07

    学习网站 以下内容均摘抄自该网站 CSS 介绍 CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素。 CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 CSS注释

  • Flex 弹性布局备忘录2022-01-31 20:01:51

    概述 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性 这也是我目前用的最多的一种布局方案,相比Grid布局此种布局方案相对较简单,容易掌握性。而且兼容性也好过Grid 基本概念 容器和项目 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。

  • 动态勾选按钮2022-01-30 22:01:50

    html代码: <div class="container">         <label for="yes" id="">             <input type="checkbox" name="" id="yes">             <span>自动登录</span>         </label

  • cropper2022-01-30 11:33:01

    cropper官网 cropper.js (文档翻译+demo)_achejq的专栏-CSDN博客_cropper 1. 基本使用 效果预览: 在 <head> 中导入 cropper.css 样式表: <link rel="stylesheet" href="/.../cropper.css" /> 在 <body> 的结束标签之前,按顺序导入如下的 js 脚本: <script src="/.../j

  • Android FlexboxLayout布局属性详解,androidmvp架构2022-01-29 12:58:03

    android:layout_height=“100dp” android:layout_margin=“2dp” android:background="#eeff22" android:gravity=“center” android:text=“4” /> <TextView android:id="@+id/textview5" android:layout_width=“120dp” android:layout_height=“80dp” a

  • uni-app2022-01-28 01:35:08

    // template是放置视图部分的<template> <view> </view> </template> // script 放置方法、数据、功能 <script> export default { data() { return { // wh: 10, cateList: [], // 遍历数组后需要先创建数据

  • 前端3+1(Day16)2022-01-27 15:04:31

    前端3+1(Day16) 元素的alt和title有什么区别 ALT属性 alt属性:是img一个必需的属性,它规定在图像无法显示时替代的文本 alt属性可以为图像提供替代的信息: 网速太慢 src属性中的错误 浏览器禁用图像 用户使用的是屏幕阅读器 title属性 是对规定关于元素额外信息,这些信息通

  • Android FlexboxLayout布局属性详解,华为移动应用开发平台2022-01-27 13:03:01

    android:layout_width=“120dp” android:layout_height=“80dp” android:layout_margin=“2dp” android:background="#3322ff" android:gravity=“center” android:text=“5” /> </com.google.android.flexbox.FlexboxLayout> 运行后的效果如下 好像并没有换行啊,别急骚

  • 弹性布局学习2022-01-27 02:00:08

    一、弹性盒子 容器盒子里面包含着容器元素,使用 display:flex 或 display:inline-flex 声明为弹性盒子。 元素排列方向 值 描述 flex-direction:row; 从左到右水平排列元素(默认值) flex-direction:row-reverse; 从右向左排列元素 flex-direction:column; 从上到下垂直

  • vue---13flex-direction2022-01-26 17:04:33

    flex-direction容器属性: 01.简介: flex-direction属性决定主轴的方向(即项目的排列方向)。 .container { flex-direction: row | row-reverse | column | column-reverse; } bootstrap中简写:flex-row | flex-column row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平

  • APICloud AVM框架列表组件list-view的使用、flex布局教程2022-01-26 15:35:37

    avm.js 是APICloud 推出的多端开发框架。使用 avm.js 一个技术栈可同时开发 Android & iOS 原生 App、小程序和 iOS 轻 App,且多端渲染效果统一;全新的 App 引擎 3.0 不依赖 webView,提供百分百的原生渲染,保障 App 性能和体验与原生 App 一致。 list-view 定义可复用内容的竖向滚动

  • 纵向flex布局中高度的问题2022-01-26 15:30:00

    flex布局的高度问题且内容自适应flex:1的高度 HTML <div id="main"> <div class="autoHeight">高度不确定</div> <div class="div1"> </div> </div> css #main { width:220px; height:100vh; border:1px solid black;

  • css - flex 踩坑2022-01-25 10:04:35

    css - flex 踩坑 flex-shrink flex-shrink: 0 会导致元素宽度 无限拉长,不显示滚动或隐藏 ex demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="I

  • HTML CSS3变形移动、旋转、缩放、3d 、动画 拉伸布局等笔记2022-01-23 15:59:10

    变形移动   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

  • 【第二届青训营-寒假前端场】- 理解CSS之布局(layout)笔记2022-01-21 21:00:27

    布局(layout)widthheightpaddingmarginborderbox-sizingoverflow块级元素行级元素常规流(Normal Flow)行内格式化上下文(Inline formatting context)块级格式化上下文(Block Formatting Context) FlexBoxGrid布局浮动(float)position定位相对定位(relative)绝对定位(absolute) 建

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有