忆弥
忆弥

清除浮动的五种方法详解

前言：
  在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象，这个现象叫浮动溢出。为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。
  清除浮动主要是为了解决父元素因为子级元素浮动引起的内部高度塌陷的问题。

为什么会使用浮动？
  一开始出现浮动只是为了解决文字环绕图片问题，但最后是为了解决几个块级元素并排显示问题，虽然可以使用定义块级元素的display为inline-block（这种方式也不会出现父级元素坍塌问题）但是这种方式不能控制元素的位置而是默认从左到右，所以要实现元素是居左还是居右使用浮动更方便。但是使用了float之后不清除浮动就会出现父级高度塌陷问题。

实例：

  HTML代码基本代码

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>清除浮动title>
    <style>
        #parent{
            border: 1px solid black;
        }
        #child{
            width: 100px;
            height: 100px;
            background: red;
            float: left;
        }
    style>
head>
<body>
    <div id="parent">
        <div id="child">div>
    div>   
body>
html>

  效果图-----未清除浮动
效果图
  效果图-----已清除浮动
在这里插入图片描述

  当为子元素设置了浮动，如果不清除浮动，那么父元素将会出现高度塌陷的现象。所以当我们设置了浮动后，就要解决浮动带来的影响。下面就要我们介绍几种清除浮动的方法！

方法一：额外标签法

  给谁清除浮动，就在其后额外添加一个空白标签 ，给其设置clear：both。

  优点：通俗易懂，书写方便。

  缺点：添加许多无意义的标签，结构化比较差。

  clear：both：本质就是闭合浮动， 就是让父盒子闭合出口和入口，不让子盒子出来 。

  css样式

#clear{
    clear: both;
}

  html代码

<div id="parent">
    <div id="child">div>
    
    <div id="clear">div>
div>

方法二：父元素添加overflow:hidden

  通过触发BFC方式，实现清除浮动

  优点：代码简洁

  缺点：内容增多的时候容易造成不会自动换行导致内容被隐藏掉，无法显示要溢出的元素。

  css样式

#parent{
    overflow: hidden;
}

方法三：使用after伪元素清除浮动

  优点：符合闭合浮动思想，结构语义化正确。

  缺点：ie6-7不支持伪元素：after，使用zoom:1触发hasLayout。

  css样式

#parent:after{
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
#parent{
    /* 触发 hasLayout */ 
    *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

方法四：使用before和after双伪元素清除浮动

  优点：代码更简洁

  缺点：用zoom:1触发hasLayout.

  css样式

#parent:after,#parent:before{
content: "";
display: table;
}
#parent:after{
    clear: both;
}
#parent{
    *zoom: 1;
}

方法五：为父元素设置高度

  缺点: 需要手动添加高度，如何后面的高度发生变化，还要再次修改高度，给后期的维护带来麻烦。

  优点: 简单粗暴直接有效，清除了浮动带来的影响。

你可能感兴趣的:(前端开发,css,前端,清除浮动)

  • 2025年全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽安全-黑客4148 网络安全web安全linux密码学CTF
    目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15天）4.3、后期五、CTF学习资源5.1、CTF赛题复现平台5.
  • css之艺术的blend属性 csshtml
    background-blend-mode能将两种背景图混色在一起，如下：`div{background-image:url('xxx'),linear-gradient(90deg,#ecf9ff,#f5fcff);background-blend-mode:multiply;}`你会发现两张背景神奇的叠加在了一起！mix-blend-mode用法div{background-image:url
  • 圈子小程序方便快捷安装搭建行业圈子小程序开发前端uniapp+后端php源码 前端后端小程序数据库
    uniapp多端社区社交圈子系统多端覆盖：多平台支持：支持小程序、APP以及H5等多种平台，确保用户能够随时随地享受社交互动。数据同步：无论用户在何种设备上操作，都能实现数据的实时同步，极大增强了用户粘性。互动性：用户可以轻松发帖、回复和点赞，增强平台内部的社交互动。圈子管理：提供了简单的圈子创建与管理功能，让用户能够构建自己的兴趣小组。注重隐私与数据安全：系统深知用户隐私的重要性，因此致力于提供
  • flex（弹性）布局 _未知_开摆 css前端javascripthtmlvue.js
    目录1.flex-direction属性2.justify-content属性3.align-items属性4.flex-wrap属性5.align-content属性二、flex属性flex-basisflex-growflex-shrinkflex:noneflex:autoflex:1align-self属性弹性盒子模型介绍弹性盒子模型（Flexbox）是一种CSS布局模型，用于在页面上对齐
  • 怎么实现AI思考过程 懒编程-二两 状态模式
    unsetunset前言unsetunset在做多Agent系统时，因为整个系统可能会经过多次Agent处理，耗时会比较高，如果不给前端展示Agent处理的过程，那么用户的体验就会非常不好，在用户的视角，你的程序可能卡死了，但其实你的Agent在背后干活以求获得好的结果。解决方案也比较直观，就是将Agent的处理过程在前端返回出来，这也是很多产品的做法，即所谓的有一个thinking过程的展示。本
  • 2025新时代 | 分析并解决企业跨域问题 小Mie不吃饭 APInginxSpringBoot前端后端跨域springbootwebapi
    本篇文章仅代表个人观点目录问题分析同源策略满足条件项目架构案例分析代码分享前端后端后端配置解决跨域注解方式全局配置现代企业实践Nginx解决跨域跨域常见问题集锦安全建议问题分析同源策略跨域问题的核心来源于浏览器的同源策略（Same-OriginPolicy），这是浏览器的一种安全机制，限制不同源的脚本或资源进行交互。在前后端分离架构的现代项目中，前端（如React、Vue）和后端（如SpringB
  • zabbix 6.0源码安装 --Riven-- zabbixzabbix运维
    这里写自定义目录标题zabbix源码安装一，编译安装pgsql二，编译安装zabbix三，编译安装nginx四，编译安装php五，zabbix_agent源码安装六，安装遇到的问题与解决方案七，zabbix使用手册zabbix源码安装麒麟系统，zabbix6.0源码安装，数据库使用pgsql，前端使用nginx，php环境：$cat/etc/os-releaseNAME="KylinLinuxAd
  • 使用 ElementUI 和 Spring 实现稳定可靠的文件上传和下载功能 随风九天 Vue六脉神剑前端springelementuispring上传下载
    前端（ElementUI）1.文件上传使用el-upload组件配置上传接口处理上传成功和失败点击上传只能上传jpg/png文件，且不超过500kbexportdefault{data(){return{headers:{Authorization:'Bearer'+localStorage.getItem('token')//如果需要认证}};},methods:{handleSuccess(r
  • TypeScript前端应用：ReCapProject-Frontend项目探索 不爱说话的我
    本文还有配套的精品资源，点击获取简介：本项目展示了TypeScript在现代Web开发中的应用，特别是在前端开发中的强大能力。通过静态类型系统、类型推断、工具支持、面向对象特性和ES6+语法兼容性，TypeScript提高了代码的健壮性和可维护性。开发者使用TypeScript能够减少运行时错误，享受现代IDE的高级特性，并在构建过程中利用现代JavaScript的特性来提高开发效率。1.Type
  • html加载速度优化,页面加载速度优化的12个建议 陆家贤 html加载速度优化
    Radware发布的2014年春季电商页面速度与Web性能”调查报告强调了电商页面加载速度的重要性，同时指出很多网站都没有利用最佳的页面优化技术，页面加速速度都存在很大缺陷。那么该如何补救，提高网站页面的加载速度呢？报告给出了12个页面加载速度优化的补救措施，用以改善加载时间，改善站长浏览者的用户体验。网站运营人员可以通过这些建议来解决页面加载速度难题。编译如下：1、合并Js文件和CSS将JS代码
  • 如何优化网站加载速度：全面指南 心上之秋
    1.什么是网站加载速度？网站加载速度是指从用户点击链接到网页完全加载并可交互所需的时间。这包括下载HTML、CSS、JavaScript文件以及图片和其他媒体内容的时间。2.为什么网站加载速度重要？用户体验快速加载的网站能提供更好的用户体验，减少用户的等待时间，增加用户满意度。SEO影响谷歌等搜索引擎将网站加载速度作为排名因素之一。加载速度快的网站往往在搜索结果中排名更高。转化率研究表明，更快的网
  • SGlang 专为大模型设计的高效服务框架 kcarly 大模型知识乱炖LLM大模型SGLang
    SGlang是一种专为大型语言模型（LLM）和视觉语言模型（VLM）设计的高效服务框架，旨在提升模型的推理速度和灵活性。以下是关于SGlang框架的详细介绍：1.框架背景与目标SGlang是一种快速服务框架，通过协同设计后端运行时和前端语言，使用户能够更快速、更可控地与模型进行交互。它支持多种生成模型和嵌入模型，并提供灵活的编程接口，适用于开发多样化的语言模型应用。SGlang的主要目标是：提升推
  • 利用HTML和css技术编写学校官网页面 彭友圈101 css前端html
    目录一，图例展示二，代码说明1，html部分：【第一张图片】【第二张图片】【第三张图片】2，css部分：【第一张图片】【第二张图片】【第三张图片】三，程序代码一，图例展示二，代码说明1，html部分：【第一张图片】创建了一个基本的页面结构，包含header（顶部导航栏）和main（主横幅区域）。在header中，设置了学校logo、学校名称、主导航菜单以及用户相关选项（学生、教工等）。main区域
  • 【HTML性能优化】提升网站加载速度：GZIP、懒加载与资源合并 吴师兄大模型 html性能优化前端网站加载GZIP懒加载资源合并
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • 前端框架中 HTML 的应用技巧：React、Vue、Angular 深度解析 吴师兄大模型 前端框架htmlreact.jsVueAngularHTML5编程
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • 深入剖析Electron的原理 Orange301511 electronjavascript前端
    Electron是一个强大的跨平台桌面应用开发框架，它允许开发者使用HTML、CSS和JavaScript来构建各种桌面应用程序。了解Electron的原理对于开发者至关重要，这样在设计应用时能更合理，遇到问题也能更准确地分析和解决。下面将从多个方面深入剖析Electron的原理。架构层面Electron的核心架构基于两个主要组件：Chromium和Node.js。Chromium是一个开源的浏览
  • 聊聊vscode配置settings.json知其所以然（附大量配置） 星野睡不醒 Webvscodejssettings.jsonwebfe
    前言vscode的配置settings.json是一个老生常谈的话题，随着时间的流逝我们可能会很高频的改动他，但我们应该极力避免一个问题：⚠️配了某项但是不知道他的作用⚠️其实就是一个知其所以然的问题。籍此话题，本文将细致的分析我的settings.json，希冀可以给读者带来一些帮助。正文以下部分插件的配置来自于：《前端web开发高效vscode插件分享（辩证的海量实战检验）》中提到过的插件。自
  • java使用react_基于JVM使用React.js和Spring Boot建立同构的Web应用 tarv java使用react
    这是一个展示如何使用Java的SpringBoot实现预渲染前端MVC(MVC-frontend)的同构Web应用开源项目：winterbe/spring-react-example·GitHub所谓同构Isomorphic应用是指Javacript在客户端和服务器端同时运行，后端和前端同享相同的代码。传统Web应用是在服务器端产生HTML，然后发往客户端，后来这被客户端MVC改变如Angular
  • React Native 列表组件：FlashList、FlatList 及更多 前端javascript
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在移动开发中，高效展示数据列表至关重要。作为ReactNative开发者，我们可以使用多种强大的工具来完成这一任务。无论是ScrollView、SectionList还是FlatList，ReactNative都提供了一系列用于数据展示的组件。然而，随着数据集的增长和性能需求的提高，我们需要更优化的解决方案。这时，Shopify推出
  • 利用Vue编写一个“计数器” 慕斯-ing Vue2.xvue.js前端经验分享
    目录一、利用Vue编写一个“计数器”的操作方法：二、html文件相关源代码三、CSS文件相关源代码四、代码执行效果展示如下一、利用Vue编写一个“计数器”的操作方法：1、data中定义计数器的相关数据，如num、min、max。2、methods中添加计数器的递增与递减方法，其中①递减sub方法：大于0递减；②递增add方法：小于10累加。3、使用v-text将num设置给span标签。4、使用v
  • HTML基本语法 ufosuai555 html前端
    什么是HTML?HTML是超文本标记语言（HyperTextMarkupLanguage）的缩写，是一种用于创建网页的标准标记语言。HTML允许网页设计师通过使用标签来描述网页的结构和内容。W3C标准W3C（WorldWideWebConsortium）是一个国际组织，负责制定和推广互联网标准。W3C标准包括HTML、CSS、JavaScript等，这些标准确保了网页在不同浏览器和设备上的兼容性和
  • 前端的深拷贝和浅拷贝_详解浅拷贝和深拷贝 weixin_39661353 前端的深拷贝和浅拷贝
    #JavaScript浅拷贝和深拷贝[TOC]##JavaScript的两种变量类型JavaScript变量的类型分为两种，基本类型和引用类型，其中基本类型是指简单的数据段，有5种：Undefined、Null、Boolean、Number和String引用类型是指可能有多个值构成的对象，一般为：Object,Array,function等为什么要先说变量类型呢，是因为基本类型是按值访问的，不会影
  • 前端的深拷贝和浅拷贝_前端 深拷贝和浅拷贝 weixin_39614060 前端的深拷贝和浅拷贝
    js的数据类型分为两种，基本类型和引用类型基本类型值(数值、布尔值、字符串、null和undefined)：指的是保存在栈内存中的简单数据段。引用类型值(对象、数组、函数、正则)：指的是那些保存在堆内存中的对象，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象。在复制变量中，对于基本类型来说，两者是互不影响的。varnum=1varobj=numvarobj=3//
  • React学习笔记 26:28 Reactreact.js学习笔记
    1、React初步认识React构建Web和原生交互界面的库，相较于其它前端框架的优势，具有丰富的生态跨平台支持。1.1、React的开发依赖开发React必须依赖三个库：react：包含react所必须的核心代码；react-dom：react渲染在不同平台所需要的核心代码；babel：将jsx转换成React代码的工具；1.2、VSCode代码片段我们在前面练习React的过程中，有些代码片段
  • 【前端基础】——浅拷贝和深拷贝 Array[林] 前端——JavaScript前端前端javascript
    文章目录浅拷贝和深拷贝浅拷贝和深拷贝的定义浅拷贝深拷贝数据类型的值传递和地址传递浅拷贝实现的具体方式数字方法slice()Object.assignfor...in...深拷贝的具体实现JSON.parse(JSON.stringify())递归浅拷贝和深拷贝浅拷贝和深拷贝的定义浅拷贝浅拷贝对内存地址的复制，让目标对象指针和源对象指向同一片内存空间。深拷贝深拷贝是指拷贝对象的具体内容，其内存地址是
  • 前端项目技术点总结：React项目创建 jimson_zhu 前端react.jsjavascript
    （一）webpack基本使用和配置项目初始化；安装webpack和其脚手架webpack-cli；新建webpack.config.js文件，并且配置；安装插件html-webpack-plugin，并且配置；安装webpack-dev-server，配置热启动；安装对应loader（css，js，图片等等）；创建webpack.config.js，配置入口、出口、插件和loader；然后在pac
  • 前端实现浅拷贝和深拷贝的方法 Lucky_girl_wan 记录vue.js前端javascript
    浅拷贝就是指对象复制的时候只复制一层，当源对象的数据改变时，新的对象的数据也会改变深拷贝是指复制对象的所有层级，当源对象的数据改变时，新的对象的数据不会改变1.JSON.parse(JSON.stringify())既可以拷贝数组也可以拷贝对象不可以拷贝函数（深拷贝）letarr1=[1,2,false,{a:1}]letarr2=JSON.parse(JSON.stringify(arr_1))
  • intra-mart实现简易登录页面笔记 追逐梦想永不停 笔记
    一、前言最近在学习intra-mart框架，在此总结下笔记。intra-mart是一个前后端不分离的框架，开发时主要用的就是xml、html、js这几个文件；xml文件当做配置文件，html当做前端页面文件，js当做后端文件（js里能连接数据库）；所以js文件需要注意，因为算后端文件，其中的语法与前端开发的js有些不太相同（日志打印不能用console.log）。二、代码部分1.路由文件WEB-I
  • 前端 | JavaScript中的reduce方法 酒酿泡芙1217 前端javascript开发语言reduce
    1.什么是reducereduce方法是JavaScript中数组的重要方法之一，用于对数组中的元素进行累积计算。它接收一个回调函数作为参数，并返回一个最终计算结果。reduce在许多场景下都非常有用，比如求和、数组扁平化、对象计数、数据转换等。2.reduce语法2.1语法arr.reduce(callback,initialValue)2.2参数说明callback(accumulator,c
  • Tauri - #005 后端rust调用文件打开对话框获取绝对路径传递给前端 满天飞飞 MyTauriTauri
    文章目录后端rust调用文件打开对话框获取绝对路径传递给前端1目标2步骤2.1main.rs2.2修改tauri.conf.json2.3修改Cargo.toml2.3.1原来的Cargo.toml2.3.2修改后的Cargo.toml2.4修改Greet.vue2.5运行工程后端rust调用文件打开对话框获取绝对路径传递给前端1目标后端rust调用文件打开对话框获取绝对路径。2步骤2.1main
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他