乌鸦不像写字台
乌鸦不像写字台

CSS学习18--伸缩布局

伸缩布局

  • 一、伸缩布局
  • 二、属性设置

一、伸缩布局

给父级display: flex;
给孩子flex: 1;

自由变动

<html>
	<head>
		<style>
			section {
				width: 1000px;
				height: 200px;
				border:1px solid pink;
				margin:100px auto;
				/*父级盒子添加f1ex*/
				dispLay:flex;/*伸缩布局模式*/
			}
			section div {
				height:100%;
				/*flex:1子盒子添加份数*/
			}
			section div:nth-child(1){
				background-color:pink;
				flex:1
			}
			section div:nth-child(2){
				background-color:purple;
				margin:0 5px;
				flex:2 /*不加单位！*/
			}
			section div:nth-child(3){
				background-color:pink;
				flex:1
			}
		style>
	head>
	<body>
	<section>
		<div>div>
		<div>div>
		<div>div>
	section>
html>

二、属性设置

  1. flex子项目在主轴的缩放比例，不指定f1ex属性，则不参与伸缩分配。

    • min-width 最小值
      min-width:280px 最小宽度不能小于280
      max-width:1280px最大宽度不能大于1280
    • 直接设定width则不变化

  2. flex-direction 调整主轴方向（默认为水平方向）

    flex-direction:column; 垂直排列
    flex-direction:row; 水平排列
    flex-direction:row-reverse; 水平翻转

  3. justify-content 调整主轴对齐（水平对齐）

    • flex-start 默认值。项目位于容器的开头。让子元素从父容器的开头排序，让子元素从父容器的开头开始排序
    • flex-end 项目位于容器的结尾。让子元素从父容器的后面开始排序
    • center 项目位于容器的中心。让子元素在父容器中间显示
    • space-between 项目位于各行之间留有空白的容器内。左右的盒子贴近父盒子，中间的平均分布空白间距
    • space-around 项目位于各行之前、之间、之后都留有空白的容器内。相当于给每个盒子添加了左右margin外边距

  4. align-items 调整侧轴对齐（垂直对齐）

    • stretch 默认值。项目被拉伸以适应容器。让子元素的高度拉伸适用父容器（子元素不给高度的前提下）
    • center 项目位于容器的中心。垂直居中
    • flex-start 项目位于容器的开头。垂直对齐开始位置
    • flex-end 项目位于容器的结尾。垂直对齐结束位置

  5. flex-wrap控制是否换行
    当我们子盒子内容宽度多于父盒子的时候如何处理

    • nowrap 默认值。规定灵活的项目不拆行或不拆列。不换行，则收缩（压缩）显示
    • wrap 规定灵活的项目在必要的时候拆行或拆列。
    • wrap-reverse 规定灵活的项目在必要的时候拆行或拆列，但是以相反的顺序。

  6. flex-flow是flex-direction、flex-wrap的简写形式

  7. align-content堆栈（由flex-wrap产生的独立行）对齐
    align-content是针对flex容器里面多轴（多行）的情况，align-items是针对一行的情祝进行排列。
    必须对父元素设置自由盒属性display:flex,并且设置排列方式为横向排列fHex-direction:row并且设置换行，flex-wrap:wrap;这样这个属性的设
    置才会起作用。

  8. order控制子项目的排列顺序，正序方式排序，从小到大

此知识点重在理解，要明确找出主轴、侧轴、方向，各属性对应的属性值

你可能感兴趣的:(css学习,css,学习,前端)

  • 打架检测系统：基于YOLOv5的实时人群打架行为识别 2025年数学建模美赛 YOLO深度学习ui计算机视觉视觉检测
    1.引言打架检测，作为一个复杂且具有挑战性的任务，已经在多个领域展现出其巨大的应用潜力，尤其是在公共安全监控、安防摄像头、智能城市等应用场景中。通过深度学习技术，尤其是基于YOLOv5的目标检测，我们能够对实时视频流中的人群行为进行实时监控，并有效地检测和识别人群中的打架行为。本博客将详细介绍如何使用YOLOv5模型搭建一个打架检测系统，包含数据集准备、YOLOv5训练、UI界面设计以及优化和部署
  • 敲黑板！如果使用lighthouse 遇到NO_FCP错误可能是前端安全策略导致的！ 测试开发Kevin 性能测试接口测试测试工具性能优化前端
    lighthouseNO_FCP使用lighthouse进行前端性能测试时发现一个问题：Thepagedidnotpaintanycontent.Pleaseensureyoukeepthebrowserwindowintheforegroundduringtheloadandtryagain.(NO_FCP)页面截图如下：刚开始以为是自己的lighthouse出了问题，然后找一个其他网页进行性能
  • Vue3 表单：全面解析与最佳实践 lly202406 开发语言
    Vue3表单：全面解析与最佳实践引言随着前端技术的发展，Vue.js已经成为最受欢迎的前端框架之一。Vue3作为Vue.js的最新版本，带来了许多改进和新的特性。其中，表单处理是Vue应用中不可或缺的一部分。本文将全面解析Vue3中的表单处理，包括基础用法、表单验证、双向绑定等，并提供一些最佳实践。Vue3表单基础1.1创建表单在Vue3中，创建表单非常简单。首先，我们需要定义一个元素，并为其绑定
  • 深度学习目标检测中的_单目测距原理与实现 关键点及改进建议 QQ_767172261 单目测距深度学习目标检测人工智能
    深度学习目标检测中的_单目测距原理与实现关键点及改进建议文章目录单目测距的进一步解释1.焦距的确定2.物体宽度\(W\)的获取3.图像处理技巧4.提高性能的建议5.实现代码中的注释添加一、前言单目视觉测距：网上有很多关于单目测距的文章，主要借鉴的是OpenCV学习笔记（二十一）——简单的单目视觉测距尝试和单目摄像机测距（python+opencv）两篇文章，在这里特别作出说明。工作环境：Ubunt
  • Python中os.path.join函数的用法示例详解 阿鈞ajunwiwx 谜之操作python人工智能目标检测opencv机器学习
    前言仅供个人学习用，如果对各位朋友有参考价值，给个赞或者收藏吧^_^一、os.path.join函数os.path.join函数用于拼接多个路径字符串，生成一个新的路径字符串。用法：os.path.join(path,*paths)二、函数用法个人总结1.处理不同操作系统的路径分隔符。2.从右往左看参数，如果一个参数无‘/’或者‘\’,则按照操作系统用分隔符，如果遇到，则左边参数均会被舍弃。3.从
  • ROS1学习笔记--通信编程 喵喵三三 ROS学习笔记
    前面有一个博客笔者概述了关于ROS1的通信机制，现在就来通过几个例子来讲讲具体的通信编程一、话题编程话题编程流程：创建发布者创建订阅者添加编译选项运行可执行程序1.创建一个发布者ROS节点初始化编写相关的节点信息，包括发布的话题名和消息类型按一定的频率循环发布消息#include#include"ros/ros.h"#include"std_msgs/String.h"intmain(intarg
  • ROS学习笔记-roslaunch文件的编写&用sh脚本控制launch文件启动顺序 诗筱涵 ROS无人机-a-个人笔记
    转载自：https://mp.weixin.qq.com/s?__biz=MzUyMTkxODQyOQ==&mid=2247484719&idx=1&sn=27b3a01c295ae256dc69d805fd5904ba&chksm=f9d2879dcea50e8b71b78d8b69750d282055173ea65494342e983088276859b7c4fe227f21f1&scene=
  • AI大模型爆火背后，C++ 如何助力 AI 开发大显身手？ 羑悻的小杀马特. c++开发语言
    目录编辑一、本篇背景：二、C++语言的起源与发展历程：2.1起源背景：2.2发展阶段：三、C++的基础特性及优势：3.1高效性能：3.2底层控制能力：3.3面向对象编程：3.4模板编程：四、C++在不同领域的应用：4.1游戏开发：4.2操作系统开发：4.3嵌入式系统开发：4.4金融领域：五、C++的学习路径与资源推荐：5.1学习路径规划：5.2优质学习资源推荐：5.2.1·书籍：5.2.2·在线教
  • 从学龄前开始解读FFMPEG代码 之 avformat_find_stream_info函数三 zzyincsdn FFMPEG音视频视频处理c语言
    从学龄前开始解读FFMPEG代码之avformat_find_stream_info函数三开始学习前想说的话函数实现4-EOF的情况和flush函数实现5-第四次循环结尾的话开始学习前想说的话鸽了许久，最近所做的项目算是有暂时喘口气的机会了，赶快吧FFmpeg解读捡起来，上次说到在第三次循环中，avformat_find_stream_info会对视频码流数据进行检查，以至于会进行一部分音视频数据
  • 36.FFmpeg学习笔记 - ffplay源码解读4之解码线程 whoyouare888 FFmpeg
    本篇说一下解码线程。在stream_component_open函数中，分别创建了一个视频解码线程和音频解码线程：staticintstream_component_open(VideoState*is,intstream_index){...switch(avctx->codec_type){caseAVMEDIA_TYPE_AUDIO:...if((ret=decoder_start(&is-
  • DeepSeek R1 AI 论文翻译 后端java
    摘要原文地址：DeepSeekR1AI论文翻译我们介绍了我们的第一代推理模型，DeepSeek-R1-Zero和DeepSeek-R1。DeepSeek-R1-Zero是一个通过大规模强化学习（RL）训练的模型，且在此过程中未使用监督微调（SFT）作为预处理步骤，展现出了显著的推理能力。通过RL，DeepSeek-R1-Zero自然而然地展现了许多强大且引人注目的推理行为。然而，它也遇到了一些挑战
  • Python机器学习实战：主成分分析(PCA)的原理和实战操作 AI天才研究院 大数据AI人工智能AI大模型企业级应用开发实战计算计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    Python机器学习实战：主成分分析(PCA)的原理和实战操作1.背景介绍1.1什么是主成分分析(PCA)？主成分分析（PrincipalComponentAnalysis，PCA）是一种常用的无监督学习算法，用于数据降维和特征提取。它通过线性变换将原始高维数据映射到低维空间，同时保留数据的主要特征和信息。PCA的目标是找到数据中最主要的方向（主成分），沿着这些方向对数据进行投影，从而实现降维。1
  • 神经架构搜索：自动化设计神经网络的方法 俊星学长 架构自动化神经网络
    神经架构搜索：自动化设计神经网络的方法一、引言在深度学习领域，神经网络架构的设计对模型的性能具有至关重要的影响。传统的神经网络设计依赖于专家经验和大量实验，这一过程繁琐且耗时。为了解决这一问题，神经架构搜索（NeuralArchitectureSearch,NAS）应运而生。NAS是一种自动化设计神经网络架构的方法，旨在通过搜索最优的神经网络结构来提高模型性能。本文将详细介绍神经架构搜索的定义、产
  • 第28节课：前端项目实战—从需求分析到开发流程的全方位指南 学问小小谢 HTML学习笔记前端需求分析安全web安全网络性能优化html5
    目录项目需求分析与设计项目背景与目标项目背景项目目标需求收集与分析用户需求业务需求项目设计技术栈选择系统架构设计数据库设计项目开发流程环境搭建安装Node.js和npm初始化项目编码实践组件化开发状态管理测试与调试单元测试集成测试部署与维护部署维护结语在前端开发领域，将理论知识应用于实际项目是提升技能的关键。本节课将通过一个完整的前端项目实战案例，详细介绍项目需求分析与设计，以及项目开发流程，帮助
  • 前端——JS 逆风局？ 前端javascript开发语言
    目录什么是JS？JS引入方式JS基础语法输出语句变量常量数据类型函数自定义对象什么是JS？JavaScript（简称：JS）是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript:规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对
  • 5招教你用Task.WhenAll提升.NET Core UI性能，你还在等什么？ 墨瑾轩 C#乐园.netcoreui
    关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣在现代的.NETCore应用程序中，UI响应速度是用户体验的关键。想象一下，当你点击一个按钮，界面却卡顿半天才给出反馈，这感觉是不是很糟糕？为了让用户享受丝滑般的操作体验，我们今天来聊聊如何使用Task.WhenAll这个神器，它就像是一把魔法扫帚，能帮助我们
  • 基于Python的图书馆借阅记录管理系统设计与实现 IT实战课堂@白老师 Python项目python开发语言毕设指导推荐毕设选题推荐智能家居爬虫
    基于Python的图书馆借阅记录管理系统设计与实现|计算机毕业设计|毕设选题|选题推荐|答辩指导|课程设计|毕设答疑l论文降重该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功以及课程答疑与微信售后交流群、送查重系统不限次数免费查重等福利！技术路线：软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.
  • 【JavaWeb】网上蛋糕商城-项目搭建 笔触狂放 Jsp网络编程javaj2eejavawebtomcat项目
    学习目标了解网上蛋糕商城的项目需求了解网上蛋糕商城的功能结构熟悉E-R图和数据表的设计熟悉项目环境的搭建通过前面章节的学习，相信读者应该已经掌握了Web开发的基础知识，学习这些基础知识就是为开发Web网站奠定基础。如今，电子商务在我国迅速扩张，越来越多的商家在传统销售模式外，大力拓展网络渠道，越来越多的人们改变了购物习惯，热衷于网络购物，足不出户，享受海淘的乐趣。同时，网上购物具有价格透明，足不出
  • 深度学习盛行，还记得哪些传统机器学习方法和模型？ 硬件学长森哥 人工智能深度学习机器学习人工智能
    开头森哥说：假期前后在准备成像技术的总结，目前已完成两部分，争取在摸索出一些编辑和运营技巧后，完善成一个系列和大家见面；当然也有可能会通过一些更加贴合摄影实用的角度出一些更加浅显的内容。最终如何呈现还需要慢慢摸索。传统机器学习是指在深度学习盛行之前开发的机器学习和人工智能技术。这些传统方法通常依赖于手工设计的特征提取和模型结构。而深度学习是一种机器学习技术，它通过深层神经网络从原始数据中学习特征表
  • 1、PyTorch 简介 找个栗子 PyTorch开始到scipytorch人工智能python
    PyTorch是什么？首先，我们讲PyTorch，我们先讲它的前身--torch。1、torchTorch是PyTorch的前身，Torch是一个有着悠久历史的机器学习框架，最初由RonanCollobert、SoumithChintala和KorayKavukcuoglu等人开发。Torch是以Lua语言为基础，在2002年左右就开始逐渐发展起来，在计算机视觉、自然语言处理等领域有一定的应用。o
  • 【PyTorch】6.张量运算函数：一键开启！PyTorch 张量函数的宝藏工厂 Icomi_ 805.Pytorch入门pytorch人工智能pythonc语言c++深度学习机器学习
    目录1.常见运算函数个人主页：Icomi专栏地址：PyTorch入门在深度学习蓬勃发展的当下，PyTorch是不可或缺的工具。它作为强大的深度学习框架，为构建和训练神经网络提供了高效且灵活的平台。神经网络作为人工智能的核心技术，能够处理复杂的数据模式。通过PyTorch，我们可以轻松搭建各类神经网络模型，实现从基础到高级的人工智能应用。接下来，就让我们一同走进PyTorch的世界，探索神经网络与人
  • 机器学习—大语言模型：推动AI新时代的引擎 云边有个稻草人 人工智能机器学习语言模型
    云边有个稻草人-CSDN博客目录引言一、大语言模型的基本原理1.什么是大语言模型？2.Transformer架构3.模型训练二、大语言模型的应用场景1.文本生成2.问答系统3.编码助手4.多语言翻译三、大语言模型的最新进展1.GPT-42.开源模型四、构建和部署一个简单的大语言模型1.数据准备2.模型训练3.部署模型五、大语言模型的未来发展结语引言大语言模型（LargeLanguageModels
  • AIGC与虚拟身份及元宇宙的未来：虚拟人物创作与智能交互 云边有个稻草人 热门文章AIGC算法笔记
    个人主页：云边有个稻草人-CSDN博客目录引言一、AIGC在元宇宙中的作用1.1AIGC与虚拟人物创作1.1.1生成虚拟人物外观1.1.2个性化虚拟角色设计1.2AIGC与虚拟角色的行为与交互1.2.1行为生成与强化学习1.2.2对话生成与自然语言处理二、AIGC实现虚拟人物创作与行为交互的技术架构2.1生成虚拟人物外观示例代码：基于GAN生成虚拟人物的外观2.2虚拟角色的行为生成示例代码：基于强
  • HarmonyOS 开发实践——常见预置应用的跳转方式 六号嘉宾 HarmonyOS移动开发鸿蒙开发harmonyos鸿蒙开发ArkUI前端移动开发界面布局组件化
    往期学习笔录：鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……场景描述三方应用实际使用过程中，可能需要跳转到
  • 基于Java的智能家居设计：探讨Java在智能家居大数据处理中的角色 杭州大厂Java程序媛 计算机软件编程原理与应用实践javapythonjavascriptkotlingolang架构人工智能
    基于Java的智能家居设计：探讨Java在智能家居大数据处理中的角色关键词：智能家居,Java,大数据处理,机器学习,物联网1.背景介绍1.1问题由来随着物联网技术的发展，智能家居已经从一个概念转变为现实。通过连接各种家庭设备，智能家居系统能够实现自动化控制、远程监控、个性化服务等功能。然而，这些功能背后隐藏着一个庞大的数据处理和管理系统，即大数据处理系统。这些系统需要高效、可靠的计算平台，而Ja
  • Python+Django框架图书馆图书借阅管理系统网站设计与实现作品截图和开题报告参考 黄菊华老师 计算机系统成品图书馆图书借阅管理系统
    博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育、辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包
  • .NET Core属性依赖注入的3大秘密，你猜对了几个？ 墨瑾轩 C#乐园.netcore
    关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣嘿，小伙伴们！今天我们要深入探讨的是.NETCore中的一个神秘武器——属性依赖注入（PropertyDependencyInjection,DI）。你知道吗？虽然它不像构造函数注入那样被广泛推崇，但在某些特定场景下，属性注入却能发挥意想不到的作用。那么问题来
  • 【项目实战】Electron最佳实践 本本本添哥 007-大前端技术electronjavascript前端
    一、Electron的入门介绍1.1Electron是什么？Electron由GitHub开发团队创建，最初是为了构建GitHub客户端而设计的。Electron是一个开源的框架，用于构建跨平台桌面应用程序。Electron是一个强大的框架，它可以帮助您使用Web技术构建跨平台桌面应用程序。Electron是一个流行的跨平台框架，可以使用HTML、CSS和JavaScript构建桌面应用程序。1.
  • 【PyQt】学习PyQt进行GUI开发从基础到进阶逐步掌握详细路线图和关键知识点 shanks66 pyqtpython
    学习PyQt的必要性PyQt是开发跨平台GUI应用的强大工具，适合需要构建复杂、高性能界面的开发者。无论是职业发展还是项目需求，学习PyQt都具有重要意义。1.跨平台GUI开发跨平台支持：PyQt基于Qt框架，支持Windows、macOS、Linux等多个平台，开发的应用可以轻松移植。统一代码库：只需维护一套代码，减少跨平台开发的复杂性。2.丰富的UI组件多样化控件：PyQt提供按钮、文本框、表
  • LoongArch32 指令集探索学习1：初入龙芯 星林湖月 龙芯学习
    1.1.发现问题1.1.LoongArch是个啥？龙芯这个名字一听就是咱这龙的传人该用的东西，这是从MIPS指令集中新设计的指令集，官方名字叫LoongArch，简称LA。这个指令集分为开放的LoongArch32精简版和LoongArch64，前者的32位指令集全部开源，后者64位只开放基础指令集，高级部分的二进制翻译暂且没有详细文档，而是由开发者在对GCC、Linux等基础软件贡献中露出。为何
  • java工厂模式 3213213333332132 java抽象工厂
    工厂模式有 1、工厂方法 2、抽象工厂方法。 下面我的实现是抽象工厂方法, 给所有具体的产品类定一个通用的接口。 package 工厂模式; /** * 航天飞行接口 * * @Description * @author FuJianyong * 2015-7-14下午02:42:05 */ public interface SpaceF
  • nginx频率限制+python测试 ronin47 nginx 频率 python
           部分内容参考：http://www.abc3210.com/2013/web_04/82.shtml 首先说一下遇到这个问题是因为网站被攻击，阿里云报警，想到要限制一下访问频率，而不是限制ip（限制ip的方案稍后给出）。nginx连接资源被吃空返回状态码是502，添加本方案限制后返回599，与正常状态码区别开。步骤如下：
  • java线程和线程池的使用 dyy_gusi ThreadPoolthreadRunnabletimer
    java线程和线程池 一、创建多线程的方式     java多线程很常见，如何使用多线程，如何创建线程，java中有两种方式，第一种是让自己的类实现Runnable接口，第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下： 1、通过实现Runnable接口方式 1 2
  • Linux 171815164 linux
    ubuntu kernel http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/ 安卓sdk代理 mirrors.neusoft.edu.cn        80 输入法和jdk sudo apt-get install fcitx su
  • Tomcat JDBC Connection Pool g21121 Connection
           Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件，事实上DBCP已经被Hibernate 所抛弃，因为他存在很多问题，诸如：更新缓慢，bug较多，编译问题，代码复杂等等。        Tomcat Jdbc P
  • 敲代码的一点想法 永夜-极光 java随笔感想
                  入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然
  • jvm指令集 程序员是怎么炼成的 jvm 指令集
    转自：http://blog.csdn.net/hudashi/article/details/7062675#comments       将值推送至栈顶时 const ldc  push   load指令 const系列 该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用) 0x02 &nbs
  • Oracle字符集的查看查询和Oracle字符集的设置修改 aijuans oracle
    本文主要讨论以下几个部分：如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。 一、什么是Oracle字符集 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储，处理，检索数据。它使数据库工具，错误消息，排序次序，日期，时间，货
  • png在Ie6下透明度处理方法 antonyup_2006 css浏览器FirebugIE
    由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。 我们知道PNG是图像文件存储格式，查询资
  • 表查询常用命令高级查询方法(二) 百合不是茶 oracle分页查询分组查询联合查询
    ----------------------------------------------------分组查询 group by    having   --平均工资和最高工资   select avg(sal)平均工资,max(sal)  from emp ;  --每个部门的平均工资和最高工资
  • uploadify3.1版本参数使用详解 bijian1013 JavaScriptuploadify3.1
    使用：     绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下}); 设置的属性： id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://ww
  • 精通Oracle10编程SQL(17)使用ORACLE系统包 bijian1013 oracle数据库plsql
    /* *使用ORACLE系统包 */ --1.DBMS_OUTPUT --ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用 --语法：DBMS_OUTPUT.enable(buffer_size in integer default 20000); --DISABLE:用于禁止对过程PUT,PUT_LINE,NEW
  • 【JVM一】JVM垃圾回收日志 bit1129 垃圾回收
    将JVM垃圾回收的日志记录下来，对于分析垃圾回收的运行状态，进而调整内存分配(年轻代，老年代，永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括： -XX:+PrintGC -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+PrintGCDateStamps -Xloggc -XX:+PrintGC 通
  • Toast使用 白糖_ toast
    Android中的Toast是一种简易的消息提示框，toast提示框不能被用户点击，toast会根据用户设置的显示时间后自动消失。     创建Toast 两个方法创建Toast makeText(Context context, int resId, int duration)     参数：context是toast显示在
  • angular.identity boyitech AngularJSAngularJS API
    angular.identiy 描述: 返回它第一参数的函数. 此函数多用于函数是编程. 使用方法: angular.identity(value); 参数详解: Param Type Details value * to be returned. 返回值: 传入的value 实例代码: <!DOCTYPE HTML>
  • java-两整数相除，求循环节 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class CircleDigitsInDivision { /** * 题目：求循环节，若整除则返回NULL，否则返回char*指向循环节。先写思路。函数原型：char*get_circle_digits(unsigned k,unsigned j)
  • Java 日期 周 年 Chen.H javaC++cC#
    /** * java日期操作(月末、周末等的日期操作) * * @author * */ public class DateUtil { /** */ /** * 取得某天相加(减)後的那一天 * * @param date * @param num *
  • [高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业 comsci 计算机
          不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广.....      以后
  • 分层查询（Hierarchical Queries） daizj oracle递归查询层次查询
    Hierarchical Queries If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause: hierarchical_query_clause::= start with condi
  • 数据迁移 daysinsun 数据迁移
    最近公司在重构一个医疗系统，原来的系统是两个.Net系统，现需要重构到java中。数据库分别为SQL Server和Mysql，现需要将数据库统一为Hana数据库，发现了几个问题，但最后通过努力都解决了。 1、原本通过Hana的数据迁移工具把数据是可以迁移过去的，在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了，最后不得不更改为clob。 2、在数据插入的时候有些字段特别长
  • C语言学习二进制的表示示例 dcj3sjt126com cbasic
    进制的表示示例 # include <stdio.h> int main(void) { int i = 0x32C; printf("i = %d\n", i); /* printf的用法 %d表示以十进制输出 %x或%X表示以十六进制的输出 %o表示以八进制输出 */ return 0; }
  • NsTimer 和 UITableViewCell 之间的控制 dcj3sjt126com ios
    情况是这样的: 一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多.   解决办法: 在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画   查找cell结束显示的代理
  • MySql中case when then 的使用 fanxiaolong casewhenthenend
    select "主键", "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人" union (select pp.id as "主键", pp.project_number as &
  • Ehcache（01）——简介、基本操作 234390216 cacheehcache简介CacheManagercrud
    Ehcache简介 目录 1       CacheManager 1.1      构造方法构建 1.2      静态方法构建 2       Cache 2.1&
  • 最容易懂的javascript闭包学习入门 jackyrong JavaScript
    http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊
  • 提升网站转化率的四步优化方案 php教程分享 数据结构PHP数据挖掘Google活动
    网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 PHP开发的网站优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分
  • web开发里什么是HTML5的WebSocket？ naruto1990 Webhtml5浏览器socket
    当前火起来的HTML5语言里面，很多学者们都还没有完全了解这语言的效果情况，我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API：它可用于客户端、服
  • Socket初步编程——简单实现群聊 Everyday都不同 socket网络编程初步认识
    初次接触到socket网络编程，也参考了网络上众前辈的文章。尝试自己也写了一下，记录下过程吧：   服务端：（接收客户端消息并把它们打印出来）   public class SocketServer { private List<Socket> socketList = new ArrayList<Socket>(); public s
  • 面试：Hashtable与HashMap的区别（结合线程） toknowme
    昨天去了某钱公司面试，面试过程中被问道 Hashtable与HashMap的区别？当时就是回答了一点，Hashtable是线程安全的，HashMap是线程不安全的，说白了，就是Hashtable是的同步的，HashMap不是同步的，需要额外的处理一下。   今天就动手写了一个例子，直接看代码吧 package com.learn.lesson001; import java
  • MVC设计模式的总结 xp9802 设计模式mvc框架IOC
    随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等，使客户机越 来越不堪重负，因此将系统的商业分离出来。单独形成一部分，这样三层结构产生了。 其中‘层’是逻辑上的划分。 三层体系结构是将整个系统划分为如图2.1所示的结构[3] （1）表现层（Presentation layer）：包含表示代码、用户交互GUI、数据验证。 该层用于向客户端用户提供GUI交互，它允许用户
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他