• 2024-09-28Flex布局基础
    Flex布局参考地址:https://www.w3school.com.cn/css/css3_flexbox.asp#flex-direction一、父项目​ 注意后面所提及的行是根据设置x还是y轴为主轴而定的,如果x轴是主轴那么行就是横着的,反之如果是y那么行就是竖着的。父项目所涉及的属性flex-direction:设置主轴的方向jus
  • 2024-09-24万象更新 Html5 - css: flex 布局: flex-direction, flex-wrap, flex-flow
    源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-css:flex布局:flex-direction,flex-wrap,flex-flow示例如下:css\src\layout\flex\demo1.html<!--flex布局(flex-flexibility可伸缩性)1、在容器上指定displayflex-容器
  • 2024-09-21九宫格(html css实现)---初识flex布局
    记录flex属性并实现一个九宫格flex属性Flex容器:需要注意的是:当时设置flex布局之后,子元素的float、clear、vertical-align的属性将会失效.container{display:flex;}//块状元素.container{inline-flex;}//行内元素块状元素1.***独占一行:块元素会自动
  • 2024-09-14CSS 设置中英文和数字文本的换行
    CSS设置中英文和数字文本的换行在CSS中,可以使用不同的规则来控制中文、英文、数字等文本的换行行为。以下是一些常用的CSS属性和技巧,用于处理不同类型文本的换行。1.中文自动换行中文字符之间通常不需要额外处理即可自动换行。不过,如果遇到宽度不足的情况,中文文本会自然
  • 2024-09-11弹性布局flex
    我们在做web页面,由其是后台的页面的时候,需要菜单栏和右侧内容区域分隔开来,例如如下的功能: 就需要使用flex弹性内容的布局。当我们为父盒子设置为flex后,子元素的float,clear和vertical-align属性将失效在flex布局中,是分为主轴和侧轴两个方向,同样的叫法有:行和列、x轴和y轴默
  • 2024-09-04纯html 超简易 弹性布局
     <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>
  • 2024-08-21移动互联 实训DAY10
    1.flex布局Flex是FlexibleBox的缩写,意为"弹性布局",⽤来为盒状模型提供最⼤的灵活性。任何⼀个容器都可以指定为Flex布局。容器属性:flex-flowflex-directionflex-wrapjustify-contentalign-itemsalign-content 元素属性:orderflex-growflex-shrinkflex-bas
  • 2024-08-19js阻止右键复制
    $(".article-content-wrap").unbind("copy").bind("copy",(function(e){e.preventDefault()e.stopPropagation()event.clipboardData.setData("text/plain","")Login()//这一句显示为弹出登录框之类的retur
  • 2024-08-01flex 一行放四div 每个div 放三个div
    <!DOCTYPEhtml><html><head><style>.container{display:flex;flex-wrap:wrap;}.outer-div{display:flex;width:25%;/*每个外部div占据100%宽度的25%*/box-sizing:border-box;padding:10px;/*根据需要调整间距
  • 2024-07-18CSS:弹性布局(display:flex)
    道友请了~最近小道在修练主修功法《嘉蛙》之余,偶然从一名散修手中得到了一本《CSS秘籍》,刚好近期有自己做微信小程序的打算,这不是瞌睡了给递枕头么。欣喜若狂,翻开第一章,拜读之后受益匪浅。韩老魔说过:好记性不如烂笔头。(韩老魔:我没说过!)遂誊抄一份,分享给各位道友。@目录容器的属
  • 2024-07-01xlua 原理浅析(Wrap文件形式)
    对xluaCSharpCallLua和LuaCallCSharp以Wrap文件注册形式的大致流程梳理。废话不多说,我们要提出两个问题C#是如何调用lua的lua是如何调用C#的前置知识资料lua参考手册https://cloudwu.github.io/lua53doc/manual.htmlxluahttps://github.com/Tencent/xLuaxlua源码
  • 2024-06-20Web应用课 2.4 CSS——flex、响应式布局
    flex布局主轴方向flex-directionCSSflex-direction属性指定了内部元素是如何在flex容器中布局的,定义了主轴的方向(正方向或反方向)。/*文本排成行的方向*/flex-direction:row;/*类似于<row>,但方向相反*/flex-direction:row-reverse;/*文本排成列的方向*/f
  • 2024-06-19软工日报4.17
    今日,我主要负责实现应用中的登录注册功能。然而,在开始编码之前,我发现了一个关键的问题——数据库中的用户表尚未建立。因此,我首先决定先创建这个用户表,以支持后续的登录注册操作。在创建用户表时,我考虑了用户所需的基本信息,如用户名、密码(通常我们会存储密码的哈希值而非明文密
  • 2024-06-166.1
    今日总结今日适合敲代码学习时间好久请看代码<?xmlversion="1.0"encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.
  • 2024-06-16CV_WRAP和CV_EXPORTS_W
    CV_EXPORTS_Wisdefinedinmodules/core/include/opencv2/core/types_c.hasaliasforCV_EXPORTS,CV_EXPORTSisdefinedas:#if(definedWIN32||defined_WIN32||definedWINCE)&&definedCVAPI_EXPORTS#defineCV_EXPORTS__declspec(dllexport)#el
  • 2024-05-29request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
    换华为的,否则会出问题:cnpmconfgsetregistryhttps://mirrors.huaweicloud.com/repository/npm/npmERR!codeCERT_HAS_EXPIREDnpmERR!errnoCERT_HAS_EXPIREDnpmERR!requesttohttps://registry.npm.taobao.org/cnpmfailed,reason:certificatehasexpirednpmER
  • 2024-05-24flex弹性布局2
    /*当flex容器无法包裹住flex项目时我们可以通过一些调整来实现包裹*//*允许换行,转为多行容器*/flex-wrap:wrap;/*主轴方向,也就是水平方向*//*flex-direction:row;是默认值也就是从左向右排列*//*flex-direction:row-reverse;表示从右向左排
  • 2024-05-24flex弹性布局及应用
    <!--flex的弹性布局--><template> <divclass="box">  <divclass="box1">1</div>  <divclass="box1">2</div>  <divclass="box1">3</div>  <divclass=&qu
  • 2024-05-13css-flex布局 space-between最后一行向左对齐
    首先我们实现的是如下图<template><divclass="father"><divclass="child"></div><divclass="child"></div><divclass="child"></div><divclass="child
  • 2024-04-25SSTI.
    SSTI晚上学长讲了ssti我好像要长脑子了..源于一道ssti的签到题sstissti:服务器端模板注入漏洞{为什么利用{{}}来执行ssti语句a=''.__class__.__base__.__subclasses__()‘’一个实例例如print('i')//打印字符串__class__类的内置属性,返回该实例的类型__base__
  • 2024-04-21微信小程序图----图片排列展示
    下面是我们需要实现内容的效果图 下面开始布置页面结构<viewclass="content-info-list"><viewclass="list-title">推荐歌曲</view><viewclass="list-inner"><viewclass="list-item"><image
  • 2024-04-172024.4.8
    <?xmlversion="1.0"encoding="utf-8"?><ScrollViewxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.androi
  • 2024-04-172024.4.7
    <?xmlversion="1.0"encoding="utf-8"?><ScrollViewxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.androi
  • 2024-04-152024.4.15学习记录
    锚点链接<ahref="#Cat"></a>点击这个链接将为跳转到这个页面上id为Cat的页面利用这个功能,我们可以实现给一个页面插眼的功能。比如我们想建一个动物园的网站<!--动物园导航栏--><header><ul><li><ahref="cat">Cats</a></li><li><ahref="d
  • 2024-04-141.Html、CSS
    HTMLdiv块状元素(独占一行)Span行H1-h6标题i斜体Strong加粗a超链接Img图片Video视频Textarea表单域(多行)Button按钮input输入框placeholder框内灰色提示字CSS上右下左margin外边距padding内边距word-wrap:break-word自动换行border边框solid实线、radius边框弧