盒子模型简单测试

        本文旨在通过浏览器提供的开发人员工具来分析一下盒子模型的构成要素。

主要使用3种浏览器：ie 8（自带开发人员工具）、firefox 10（firebug插件）、chrome 16（自带开发人员工具）， 这里要特别提到ie8的开发人员工具的“布局”显示跟其他浏览器有差别（参看此文）      

二话不说直接上代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>box Model with xhtml1 transitional dtd</title>
         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    </head>
    <body>
        <p>这是有Doctype声明的html文档(xhtml1 transitional dtd)</p>
        
        <input type="button" id="check" value="check box model" />
        <script type="text/javascript">
            $("#check").click(function(){
                var model = jQuery.support.boxModel ? "W3C 模型" : "IE 模型";
                $("p").html("盒子模型是: <span>" +    model + "</span>");
            });
        </script>
        <div style="width:200px;height:100px;margin:18px;padding:13px;border:3px solid red; background:gray">
          width:200px;height:100px;
 
          margin:18px;
          border:3px;
          padding:13px;
        </div>
    </body>
</html>

三个浏览器的表现

635edb34jw1dqj5usvh49j635edb34jw1dqj65vp6n2j635edb34jw1dqj6e59tlgj

看图说话：三个浏览器在解析with doctype的文档时，盒子模型是一致的（W3C标准模型），呈现的效果是一致的，虽然从开发人员工具的布局图上看IE是那么的另类，不要错怪IE！

 

去除html文档中的doctype声明，使浏览器渲染模式进入混杂模式（Quirks mode），关于doctype与渲染模式可参看正确使用DOCTYPE

2012-02-29_155610

其他两个浏览器依然按照W3C标准盒子模型来解析，虽然浏览器渲染模式已经进入混杂模式，但值得注意的是：

只要一个页面使浏览器运行在混杂模式下，在 IE 和非 IE 浏览器中的页面布局都可能产生较大差异，只是IE浏览器比较突出而已，常被称作“IE盒子模型BUG”

另外，ie和非ie浏览器即使都工作在混杂模式下，他们也不一定能呈现同样的页面效果，所以建议使用严格模式，只有这样他们之间的差异才会最小！

你可能感兴趣的:(盒子模型)

  • 【前端学习笔记】CSS的两种盒子模型 花上
    CSS有两种盒子模型。一种是W3C的标准盒子模型。另一种是IE的盒子模型。W3C的标准盒子模型中width包括了width+padding+border。IE的盒子模型的width只有width，不包含padding和border。box-sizing的作用如果想要切换盒子模型，可以使用box-sizing属性。例：box-sizing:content-box是W3C盒子模型  box-sizin
  • HTML——css--盒子模型与布局
    盒子：html中任何一个元素如div、span等都可以看作盒子，每个元素本质属性都会存在一些区别而这种现象则被称为盒子模型盒子模型种类1.块级盒子（标签、元素）：divullih1~h6独占一行，对宽度高度支持2.内联级盒子：spana不独占一行，对宽度高度不支持3.内联块级盒子：imginput不独占一行，对宽度高度支持4.弹性盒子：不论父级能不能放下子元素，子元素始终横向布局盒子模型分区内容区
  • HTML中的盒子模型 空空kkk css前端
    一、块级盒子（Block-levelBox）1、布局特性：元素在页面中独占一行，前后都会自动换行，形成一个独立的矩形区域2、尺寸控制：支持精确设置宽度（width）和高度（height），即使内容为空也能保持设定的尺寸3、常见元素：结构容器：div文本段落：p标题：h1~h6列表：ul、ol、li表格：table4、默认行为：宽度默认填满父级容器（width:100%）高度由内容自动撑开（heig
  • 前端面试的话术集锦第 25 篇博文——CSS面试题上 互联网全栈开发实战 面试专栏-前端后端面试前端面试css跳槽职场和发展职场发展求职招聘
    这是记录前端面试的话术集锦第二十五篇博文——CSS面试题上，我会不断更新该博文。❗❗❗1.介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度(content)+border+padding+margin低版本IE盒子模型：宽度=内容宽度(content+border+padding)+margin2.box-sizing属性用来控制元素的盒子模型的解
  • CSS知识复习2 Savior｀L 前端css前端
    文章目录盒子模型CSS长度单位元素的显示模式修改元素的显示模式盒子模型的组成关于默认高度盒子内边距（padding）盒子边框（border）盒子外边距（margin）注意事项margin塌陷margin合并处理内容溢出隐藏元素方式样式继承默认样式布局小技巧浮动浮动特点浮动影响以及解决方法浮动相关属性定位相对定位绝对定位固定定位粘性定位定位层级布局版心常用布局名词重置默认样式盒子模型CSS长度单位p
  • CSS3盒子模型
    div:nth-child(1){/*传统盒子模型=width+border+padding*/width:200px;height:200px;background-color:pink;padding:10px;border:10pxsolidred;box-sizing:content-box;}div:nth-child(2){/*有了这句话就让盒子变成CSS3盒子模型*//*paddin
  • 【前端】一文快速回顾 Html+CSS+JS CoderSharry 前端前端htmlcss
    文章目录前言Preface1.HTML快速回顾1.1基本结构1.2简单语法回顾2.CSS快速回顾2.1三种引入方式2.2选择器2.3布局2.3.1盒子模型2.3.2定位2.3.3浮动2.4简单练习3.JavaScript快速回顾3.1JavaScript引入方式3.2JavaScript基本语法3.2.1变量3.2.2函数与箭头函数3.3简单练习4.总结参考资料一文快速回顾前端基础三件套：HTML
  • 盒子模型【CSS】 雪兔♛ javascript前端css
    /*类选择器*//*盒子模型:内容content，边框border，内边距padding,*/.box{width:400px;/*宽*/height:500px;/*高*//*边框border:粗细线条样式(solid实线,点线dotted,虚线dashed)*/border:10pxsolidred;/*border-top:1pxsolidgreen;border-bottom:1pxsol
  • CSS3 背景裁剪：background-clip 的创意用法 大厂前端小白菜 Ccss3前端cssai
    CSS3背景裁剪：background-clip的创意用法关键词：CSS3、background-clip、背景裁剪、文字背景、创意设计、盒子模型、浏览器兼容性摘要：CSS3的background-clip是一个能“裁剪背景画布”的神奇属性。它能精准控制背景的显示范围，从传统的边框、内边距、内容区域，到更前沿的“文字轮廓裁剪”，为网页设计带来了无限可能。本文将从基础原理到创意实战，用“剪窗花”的比
  • 网页前端开发（基础进阶1--盒子模型） 知月玄 前端javascriptjavacss
    颜色表示方法3种：1.关键字：color：green；grayredyellow2.rgb表示法：红，绿，蓝三原色。rgb（r，g，b），r表示红色，g表示绿色，b表示蓝色。color:rgb(87,107,149);3.rgba表示法：是rgb表示法的进阶，rgb（r，g，b，a），r表示红色，g表示绿色，b表示蓝色，a表示透明度。（0表示完全透明，1表示完全不透明）color:rgba(87,
  • 盒子模型的理解 ohmorning 盒子模型
    盒子模型分为两种1、标准盒模型：content（内容）+margin（外边距）+padding（内边距）+border（边框）2、IE盒模型（怪异盒模型）content+margin标准盒模型下的宽：盒子总宽度/高度=width/height+padding+border+margin，这种模式下，我们写的元素往往会比设置的宽高要多出一部分padding、border、marginIE盒模型下的宽
  • 2025.4.15 CSS与CSS盒子模型学习笔记 枣树一 css学习笔记
    一、CSS概述CSS（CascadingStyleSheets）：层叠样式表，用于控制网页的外观和格式。它通过将样式与HTML结构分离，提高了网页的可维护性和可扩展性。CSS的作用：设置字体、颜色、间距等视觉效果。控制布局，如页面的排版和元素的定位。提升用户体验，通过动画和交互效果增强页面的动态性。CSS的引入方式：内联样式：直接在HTML标签中使用style属性。例如：文本。这种方式优先级最高，
  • 【前端】CSS详细教程（下篇） 孤寒者 爬虫必备前端技术教程css后端html
    目录：每篇前言：第一部分：盒子模型（box-model）（1）盒子模型之边框效果展示：（2）盒子模型之内边距效果展示：（3）盒子模型之外边距效果展示：拓展：盒子模型之内外边距问题：1.外边距问题：（1）比如：此例中，上面那个盒子设置了下外边距为50px，下面那个盒子设置了上外边距100px，那么实际上，这两个div边框之间的距离是100px，而不是150px！（2）比如：此例中，左边那个盒子设置了
  • CSS的border 边框padding 内边距margin 外边距，外边距合并，塌陷问题解决方法 想菲的鱼 CSScsshtml前端
    盒子模型网页布局过程1.先准备好相关的网页元素，网页元素基本都是盒子Box.2.利用CSS设置好盒子样式，然后摆放到相应位置3.往盒子里面装内容盒子模型（BoxModel)组成border边框content内容padding内边距margin外边距所谓盒子模型：就是把HTML页面中布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括
  • CSS盒子模型（文章结尾附有CSS相关知识的总结链接） Yaolure css前端
    CSS盒子模型详解1.基本概念CSS盒子模型用于描述HTML元素在页面上的布局。每个元素被视作一个矩形的盒子，其组成部分如下：内容（Content）:这是盒子的核心区域，包含实际显示的内容，如文本、图像或其他元素。width和height属性定义了内容区域的宽度和高度。内边距（Padding）:内边距位于内容和边框之间的空间，用于增加内容与边框之间的距离。通过padding属性设置，例如paddi
  • CSS-5.1 Transition 过渡 Yvonne爱编码 css前端状态模式HBuilderhtml5
    本系列可作为前端学习系列的笔记，代码的运行环境是在HBuilder中，小编会将代码复制下来，大家复制下来就可以练习了，方便大家学习。HTML系列文章已经收录在前端专栏，有需要的宝宝们可以点击前端专栏查看！点赞关注不迷路！您的点赞、关注和收藏是对小编最大的支持和鼓励！系列文章目录CSS-1.1css选择器CSS-2.1实战之图文混排、表格、表单、学校官网一级导航栏CSS-3.1盒子模型-块级元素、行
  • css中实现元素隐藏的几种方法 simple-xiao csscsshtml前端
    1、display:none;display翻译成中文是显示、展览的意思；将display的属性改为none可以实现元素的隐藏，元素和盒子模型也不生成，被隐藏的元素不占位置，看不见摸不着，它会导致浏览器的重排和重绘。2、visibility:hidden;visibility翻译成中文是能见、可见性的意思；hidden翻译成中文的是隐藏、不易察觉的意思。将visibility的属性改成hidden
  • CSS盒子模型、文档流、绝对定位与相对定位 MK-mm CSScss前端
    CSS盒子模型、文档流、绝对定位与相对定位知识结合效果图（源代码在文章末尾）：目录一、盒子模型的属性（一）边框（二）外边距（三）内边距二、盒子的定位（一）定位属性（二）定位方式一、盒子模型的属性padding-border-margin模型是一个极其通用的描述盒子布局形式的方法。对于任何一个盒子，都可以分别设定4条边的padding、border和margin，实现各种各样的排版效果。（一）边框边
  • CSS从入门到精通：全面解析CSS核心知识体系 python_chai css前端
    引言CSS（层叠样式表）是前端开发的基石，掌握其核心知识能显著提升页面设计与布局能力。本文基于系统化学习资料，深入讲解CSS语法、选择器优先级、盒子模型、定位等核心概念，结合代码示例与实用技巧，助你从入门到进阶！目录引言一、CSS基础与历史1.1CSS简介1.2CSS版本演进二、CSS引入方式与基础语法2.1三种引入方式三、引入CSS的三种方式及最佳实践3.1行间样式3.2内部样式3.3外部样式（
  • HTML+CSS面试题总结（附答案+视频讲解） 小胖梅前端 csshtmlcss3
    HTML+CSS面试题总结如下红色标注为常见重点对应的视频讲解在B站：可以点击免费观看2023前端高频面试题详解/面试必刷HTML+CSS前端面试题_哔哩哔哩_bilibili目录1.块元素和行内元素有哪些2.css3选择器（了解）3.css优先级4.对web标准以及w3c的理解和认识5.BFC6.隐藏元素有哪些方法和区别7.一个盒子在水平垂直居中方法8.圣杯布局与双飞翼布局9.css盒子模型10
  • css布局页面 aoe_z css前端
    文章目录布局1、传统布局float2、传统布局display:inline-block内联块级元素3、现代布局dislpay:flex弹性盒子1、控制弹性盒子模型内子元素的排列方向flex-direction2、设置弹性盒子内子元素是否换行flex-wrap3、设置弹性盒子内子元素的排列顺序4、flex控制弹性盒子内子元素的缩放比例5、控制弹性盒子内子元素的分布方式justify-content6
  • CSS基础知识 【一篇就够】 成茂峰 #前端-基础合集css前端
    文章目录CSS知识点基础知识什么是css？css的历史和版本css语法的结构css选择器，如何选择元素css属性和值的基础知识CSS属性CSS值css属性值类型css单位css值的继承性css值的优先级排版和布局盒子模型的概念W3C盒子模型IE盒子模型块级元素和行内元素的区别浮动和清除浮动定位，绝对定位和相对定位弹性盒子模型（flexbox）的概念网格布局（grid）的概念样式化文本字体样式和字体
  • 怎么在html里面设置左浮,CSS 藩依然 怎么在html里面设置左浮
    CSS盒模型CSS盒模型本质上是一个盒子，盒子包裹着html元素。盒子由四个属性组成，从内到外分别是：content内容、padding内填充、border边框、外边距margin。盒模型分为两种：W3C盒子模型，即标准盒模型：width=content-widthIE盒模型，即怪异盒模型：width=content-width+padding-width+border-widthBFC，块格式化
  • 深入理解CSS盒子模型 ^小桃冰茶 css前端
    一、盒子模型的核心概念CSS盒子模型（BoxModel）是网页布局的基石，每个HTML元素都可以看作一个矩形盒子，由四个同心区域构成：内容区（Content）内边距（Padding）边框（Border）外边距（Margin）✨重点注意：标准盒子模型（content-box）和IE盒子模型（border-box）的差异box-sizing属性控制计算方式垂直方向的外边距折叠（MarginCollap
  • C# VTK 交互式小坐标轴盒 Mr.For C#VTKWinform/WPFc#3d
    点击坐标轴盒的每个面可以切换视角。这个坐标系盒子是由6个plane和6个文本封装的，鼠标交互时判断是点击哪一个plane。vtk原本有左下角坐标系的类但是无法实现自定义的形状且自定义交互，因此在查阅了vtk相关的源代码后发现，小坐标实际上是一个在场景Renderer上面叠加了一个小的Renderer。1.生成盒子模型添加到坐标系RenderpublicvtkActorDrawPlane(Point
  • 前端八股 CSS 1 巴巴_羊 CSS八股前端css
    盒子模型进行布局时将所有元素表示为一个个盒子boxpaddingmarginbordercontentcontent：盒子内容待显示的文本和图像padding：内边距，内容和border之间的空间，不能为负数，受bkc影响border:边框，粗细样式颜色margin:外边距参数计算标准盒子模型总宽度=内容widith+padding+border+margin总高度=内容height+paddin
  • Web 前端开发技术 —— CSS 敲代码的小李同学吖 Web前端面试突击指南css前端html
    文章目录Web前端开发技术——CSS一、样式定义方式1.行内样式表2内部样式表3外部样式表二、选择器1.标签选择器2.ID选择器3.类选择器4.伪类选择器三、颜色四、文本五、字体六、背景七、边框八、元素展示格式十、内边距与外边距十一、盒子模型box-sizing十一、位置十二、浮动十三、flex布局十四、响应式布局十五、Grid布局十六、Boostrap框架Web前端开发技术——CSS一、样式定义
  • 深入理解CSS3：Flex/Grid布局、动画与媒体查询实战指南 程序员Bears Python全栈成长笔记css3媒体前端visualstudiocode
    引言在现代Web开发中，CSS3已经成为构建响应式、美观且高性能网站的核心技术。它不仅提供了更强大的布局系统（Flexbox和Grid），还引入了令人惊艳的动画效果和精准的媒体查询能力。本文将深入探讨这些关键技术，帮助您提升前端开发技能，打造更出色的用户体验。一、Flex布局：弹性盒子模型1.1Flex布局基础Flexbox（弹性盒子布局）是CSS3中一种一维布局模型，它让我们能够更高效地处理容器
  • 超链接&盒子模型 o独酌o 技术学习#其它技术前端htmlcss
    超链接1）使用超链接可以让我们从一个页面跳转到另一个页面关键字：超链接的字标签属性：href：指向连接，即跳转到目标的地址，可以写一个相对路径，也可以是完整路径target:可以选择打开链接的位置1._self:表示在当前的网页中打开（默认值）2._blank：表示重新创建一个新的网页，在新的网页中打开3.可以设置也各内联框架的名字，点开后在内联框架中打开2）#：在超链接不确定时，可以用#占位,并
  • CSS盒子模型 倒霉男孩 html+css学习笔记css前端
    CSS盒子模型CSS盒子模型是指在网页中每个元素都被看做是一个矩形的盒子，由内容区域、内边距、边框和外边距组成。是网页布局的基础，每个元素都被视为一个矩形盒子。CSS盒子模型由以下几个部分组成：1.内容区域（Content）：盒子中用来显示文本和图像内容的区域，尺寸由width和height控制。2.内边距（Padding）：内容与边框之间的透明区域，通过padding设置。3.边框（Border
  • 矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
  • JDK timer antlove javajdkschedulecodetimer
    1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
  • JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm应用服务器
    堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。 典型设置： java -Xmx
  • JDBC连接数据库 Array_06 jdbc
    package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
  • Unsupported major.minor version 51.0（jdk版本错误） oloz java
    java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
  • 用多个线程处理1个List集合 362217990 多线程threadlist集合
      昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
  • JSP简单访问数据库 香水浓 sqlmysqljsp
    学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
  • Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
    1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n
  • Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
    在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下：   [html]  view plain copy   <RelativeLa
  • 查询汇总的sql baalwolf sql
    select   list.listname, list.createtime,listcount from dream_list as list ,   (select listid,count(listid) as listcount  from dream_list_user  group by listid  order by count(
  • Linux du命令和df命令区别 BigBird2012 linux
            1，两者区别             du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。        
  • AngularJS中的$apply，用还是不用？ bijian1013 JavaScriptAngularJS$apply
            在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。         但是首先，让我们把$apply转换成一种简化的形式。         scope.$apply就像一个懒惰的工人。它需要按照命
  • [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
    ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理   ClientCnxn构造方法   &
  • 【Java命令一】jmap bit1129 Java命令
    jmap命令的用法：   [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
  • Apache 服务器安全防护及实战 ronin47
    此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。 由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
  • unity 3d实例化位置出现布置？ brotherlamp unity教程unityunity资料unity视频unity自学
    问：unity 3d实例化位置出现布置？ 答：实例化的同时就可以指定被实例化的物体的位置,即 position  Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了,   如果你省略了第二个参数(
  • 《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java重构
    import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
  • struts2更改struts.xml配置目录 chiangfai struts.xml
    struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下：   <filter> <filter-name>struts2</filter-name> <filter-class&g
  • redis做缓存时的一点优化 chenchao051 redishadooppipeline
            最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。       首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
  • mysql导出数据不输出标题行 daizj mysql数据导出去掉第一行去掉标题
    当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数 如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName"  > exportResult.txt 结果为： studentid
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('
  • 爱情格言 dcj3sjt126com 格言
     1) I love you not because of who you are, but because of who I am when I am with you. 　　 我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
  • 转 Activity 详解——Activity文档翻译 e200702084 androidUIsqlite配置管理网络应用
    activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
  • win7安装MongoDB服务 geeksun mongodb
    1.  下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads   2.  解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
  • Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
    转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为 例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
  • 错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
    昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
  • 数据源架构模式之行数据入口 home198979 PHP架构行数据入口
    注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。   一、概念 行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。   二、简单实现行数据入口 为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
  • Linux各个目录的作用及内容 pda158 linux脚本
    1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。 　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
  • ubuntu12.04上编译openjdk7 ol_beta HotSpotjvmjdkOpenJDK
    获取源码 从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
  • 将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
            哈哈，出差这么久终于回来了，回家的感觉真好！         PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他