ICode9

精准搜索请尝试: 精确搜索
  • VUE+ECharts 自适应宽度2022-06-27 12:01:57

       card的边框,chart div  width: '100%'   代码:  <el-row :gutter="5" style="padding-top: 0px">       <el-col :span="12">         <el-card>           <div id="myChart1" :style="{ width:

  • CSS面试总结2022-06-27 00:32:42

    文章首次发表:_时雨_CSDN 1. BFC:块级格式化上下文(重点关注) BFC基本概念:BFC是 CSS布局的一个概念,是一块独立的渲染区域(环境),里面的元素不会影响到外部的元素。 BFC原理(渲染规则、布局规则): (1)内部的 Box会在垂直方向,从顶部开始一个接着一个地放置; (2)Box垂直方向的距离由 mar

  • ljust() 与 rjust()2022-06-25 23:34:11

    一: ljust()   Python ljust() 方法返回一个原字符串左对齐,并使用空格填充至指定长度的新字符串。如果指定的长度小于原字符串的长度则返回原字符串。   Python ljust() 方法的功能是向指定字符串的右侧填充指定字符,从而达到左对齐文本的目的。ljust() 方法的基本格式如下

  • checkbox勾选带动画2022-06-25 22:36:08

        <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Checkbox复选框动画效果</title> <meta name="viewport"

  • position:absolute;绝对定位demo2022-06-25 21:02:39

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>在img中上添加版心</title> <style> *{ margin: 0; padding:0; } .banner{

  • 05.绝对定位元素的布局12022-06-24 18:00:30

    水平布局                     left+margin-left+border-left+padding-left+width+padding-right+border-right+margin-right+right                     =包含块的内容区的宽度                 - 当我们开启了绝对定位后:              

  • uniapp + uView使用AntV F6 + table表格插件使用2022-06-24 11:33:39

    首先看页面效果: AntV官网下载F6文件到项目中 <template> <view class="page"> <!-- 导航栏 --> <b-nav-bar class="title"> <template slot="left"> <view @click="nativeBack" class="iconfont icon-zuofanhui

  • 背景图片随子文字组件的宽度变化2022-06-22 20:32:33

      为了适配中英文字符长度,背景图长度也拉伸       1.背景图锚点设置,文字需左对齐,所以锚点设置相同     2.文字添加ContentSizeFitter,保证文字改变时宽度也改变   3.设置背景图宽度 private void BGFitCharLength() { var tip_rect = m_pwd_tip.GetComponent<Re

  • 08.clearfix2022-06-22 19:34:08

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

  • html基本认识+文字文本属性+盒子模型+子代选择器2022-06-21 22:00:38

      1.html的基本认识。快速创建页面用!+enter,标签有嵌套关系以及并列关系。标签选择器可以直接选择所有同名的标签,格式为标签名{属性:属性值;}类名选择器类似,且类名可以重复,一个标签可以有多个类名。   <!-- 快速创建页面 1.!+enter --> <!-- 标签 1.嵌套关系 2.并列

  • 使用min-width解决Flex或Grid布局时容器被撑大的问题2022-06-21 21:01:27

    在使用Flex或Grid布局时,经常会遇到内容溢出容器或者将容器撑大的情况 例如在grid布局中元素尺寸为1fr,或者flex布局中元素flex-grow:1时,想使用Echarts画图和布局中的文本省略显示时发现并没有达到预期的效果,容器被内容撑大了 想要解决这个问题,首先需要知道容器为什么会被撑大。 我

  • LeetCode 354. Russian Doll Envelopes2022-06-21 14:33:22

    原题链接在这里:https://leetcode.com/problems/russian-doll-envelopes/ 题目: You are given a 2D array of integers envelopes where envelopes[i] = [wi, hi] represents the width and the height of an envelope. One envelope can fit into another if and only if both

  • css2022-06-21 11:02:28

    1.实现下图(postion定位方法)     <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>二</title><style type="text/css"> *{ margin: 0; } .pss_left{ position: absolute; width:100px ; heigh

  • bootstrap强化模态窗口插件2022-06-20 22:33:11

       index.html  <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport&qu

  • css绘制梯形2022-06-19 10:02:06

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

  • vue.js3: 自定义video可拖动的进度条(vue@3.2.36)2022-06-18 17:03:19

    一,js代码: <template> <div> <div style="position:relative;"> <video ref="homeVideo" style="position: absolute; width: 100vh; height: 100vw; left: -60vw; top:60vw;transform: rotate(90deg);"

  • 03.网页的布局2022-06-18 14:01:56

    HTML标签有header,  footer,  ……详见语义化标签 height:100%;   -将属性值设置为相对于其父元素属性值的百分比                         -设置百分比可以使子元素跟随父元素的改变而改变     <!DOCTYPE html> <html lang="en"> <head> <meta charset="

  • .NetCore实现图片缩放与裁剪 - 基于ImageSharp2022-06-17 23:33:49

    前言 (突然发现断更有段时间了 最近在做博客的时候,需要实现一个类似Lorempixel、LoremPicsum这样的随机图片功能,图片有了,还需要一个根据输入的宽度高度获取图片的功能,由于之前处理图片时使用到了ImageSharp库,所以这次我立刻就想到用它。 分析需求 图片库中的图片基本都是我之前收集

  • SpringBoot_Vue实现音乐网站2022-06-17 00:00:10

    1.技术介绍java+springBoot+spring+mysql+mybatis+Vue开发工具:eclipse或IDEA2.主要功能说明:1)用户2)管理员网站前台功能:注册、登录、首页、歌手、榜单、我的音乐、个人中心后台管理功能:首页图标展示、用户管理、歌手管理、歌单管理、歌曲管理、音乐类型管理3.部门代码展示: ```java<

  • JavaScript: sprite2022-06-16 19:04:37

          <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content=

  • 50 Projects(大抵会不足50个,毕竟目的是了解语法构造去制作游戏)2022-06-16 14:05:03

    50 Projects 01 Expanding Cards(附带新手菜鸡注释) Live Demo HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

  • flex space-between 均分换行,不够一行的时候从左侧开始2022-06-16 14:00:14

    *{ margin: 0; padding: 0; list-style: none; } .flex-wrap{ width: 600px; display: flex; border: 15px solid #0077AA;

  • SpringBoot+Vue实现体质测试数据分析系统2022-06-14 23:02:17

    1.技术介绍java+springBoot+spring+mysql+mybatis+Vue开发工具:eclipse或IDEA2.主要功能说明:1)学生2)老师注册、登录、首页、论坛信息、公告信息、个人中心、后台管理、师生沟通3)管理员个人中心、学生管理、教师管理、日常运动管理、运动分析管理、成绩信息管理、论坛管理、轮播图管

  • 团队——和谐共生(4)2022-06-14 21:05:32

    和谐共生(4) 今天在逐步实现我的任务中的最后一个界面,这个涉及到的知识有界面、适配器、数据库、页面跳转 打开之后的界面如下       <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layo

  • 每周总结八2022-06-14 18:32:38

    每周总结之第八周   开始开发我们的软件搭建整体框架 <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layou

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

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

ICode9版权所有