小和尚敲代码
小和尚敲代码

一小时搞定DIV+CSS布局-固定页面开度布局

本文讲解使用DIV+CSS布局最基本的内容，读完本文你讲会使用DIV+CSS进行简单的页面布局。

转载请标明：http://www.kwstu.com/ArticleView/divcss_2013929173533658

关于DIV+CSS布局中用到的CSS必备知识请看：http://www.kwstu.com/ArticleView/divcss_201442291125960

DIV+CSS布局中主要CSS属性介绍：

Float:

       Float属性是DIV+CSS布局中最基本也是最常用的属性，用于实现多列功能，我们知道<div>标签默认一行只能显示一个，而使用Float属性可以实现一行显示多个div的功能，最直接解释方法就是能实现表格布局的多列功能。

Margin:

       Margin属性用于设置两个元素之间的距离。

Padding:

       Padding属性用于设置一个元素的边框与其内容的距离。

Clear:

       使用Float属性设置一行有多个DIV后（多列），最好在下一行开始之前使用Clear属性清楚一下浮动，否则上面的布局会影响到下面。

实例讲解：下面使用实例如果做一个简单又基本的布局，效果如下图：

代码：

?

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns= "http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" />
<title>DIV+CSS布局教程</title>
<style type= "text/css" >
#Container{
     width:1000px;
     margin: 0 auto; /*设置整个容器在浏览器中水平居中*/
     background:#CF3;
}
#Header{
     height:80px;
     background:#093;
}
#logo{
     padding-left:50px;
     padding-top:20px;
     padding-bottom:50px;
}
#Content{
     height:600px;
     /*此处对容器设置了高度，一般不建议对容器设置高度，一般使用overflow:auto;属性设置容器根据内容自适应高度，如果不指定高度或不设置自适应高度，容器将默认为1个字符高度，容器下方的布局元素（footer）设置margin-top:属性将无效*/
     margin-top:20px;/*此处讲解margin的用法，设置content与上面header元素之间的距离*/
     background:#0FF;
     
}
#Content-Left{
     height:400px;
     width:200px;
     margin:20px;/*设置元素跟其他元素的距离为20像素*/
     float:left;/*设置浮动，实现多列效果，div+Css布局中很重要的*/
     background:#90C;
}
#Content-Main{
     height:400px;
     width:720px;
     margin:20px;/*设置元素跟其他元素的距离为20像素*/
     float:left;/*设置浮动，实现多列效果，div+Css布局中很重要的*/
     background:#90C;
}
/*注：Content-Left和Content-Main元素是Content元素的子元素，两个元素使用了float:left;设置成两列，这个两个元素的宽度和这个两个元素设置的padding、margin的和一定不能大于父层Content元素的宽度，否则设置列将失败*/
#Footer{
     height:40px;
     background:#90C;
     margin-top:20px;
}
.Clear{
     clear:both;
}
</style>
</head>
 
<body>
<div id= "Container" >
     <div id= "Header" >
         <div id= "logo" >这里设置了padding属性介绍一下padding的用法,padding将设置文本与边框的距离。</div>
     </div>
     <div id= "Content" >
         <div id= "Content-Left" >Content-Left</div>
         <div id= "Content-Main" >Content-Main</div>
     </div>
     <div class = "Clear" ><!--如何你上面用到 float ,下面布局开始前最好清除一下。--></div>
     <div id= "Footer" >Footer</div>
</div>
</body>
</html>

注解：Container作为整个页面的容器，控制着整个页面在浏览器的位置，此处使用margin:0 auto;控制Container容器在浏览器中水平居中，一般固定宽度的布局都会用到这就代码。

本文只讲述最基本的布局，在具体开发实践中可能会遇到浏览器兼容性等其他问题，遇到细节问题请自行百度解决，解决的多了经验就积累起来了。

 


你可能感兴趣的:(css,div)

  • 如何通过less在vue2中达到切换皮肤的目的 隐含 less前端css
    先装lessnpminstalllessless-loader--save-dev然后将该loader添加到webpack的配置中去，例如：webpack.config.jsmodule.exports={module:{rules:[{test:/\.less$/i,use:[//compilesLesstoCSS'style-loader','css-loader','less-loader'
  • 前端工程化开篇 前端_yu小白 前端工程化前端工程化
    前端发展史梳理：最早的html，css，js是前端三剑客，足以实现所有的前端开发任务，但是呢，一个简单的前端交互效果可能就需要一大堆的代码去实现。后来呢，有了前端库jQuery，他可以使前端的dom操作编写较为简单的代码，提升了前端开发效率。但是随着技术的发展，jquery的弊端逐渐显现。频繁的操作dom使页面性能很差，且jquery不支持原生的模块化开发，无法适应前端发展的需要。再后来，有了vu
  • 2025蓝桥杯JAVA编程题练习Day6 起床悠悠 蓝桥杯Java算法学习蓝桥杯java算法数据结构
    1.小计算器题目描述模拟程序型计算器，依次输入指令，可能包含的指令有数字：'NUMX'，X为一个只包含大写字母和数字的字符串，表示一个当前进制的数。运算指令：'ADD','SUB','MUL','DIV','MOD'，分别表示加减乘，除法取商，除法取余。进制转换指令：'CHANGEK'，将当前进制转换为K进制(2≤K≤36)。输出指令：'EQUAL'，以当前进制输出结果。重置指令：'CLEAR'，
  • 【taiwindcss4系列教程】tailwindcss失效不显示的简单处理方法 马墉 HW css前端
    目录起因问题解决思路起因新版本的tailwindcss4在ios设备上或iphone8splus等设备上部分失效或全部无效。如何解决呢，本教程传授一种简单方法且有效的方法。问题比如下面的代码，边框样式在某些手机上边框无法显示无法显示。边框样式失效解决思路我们可以在tailwindcss官网找到borderwidth说明文档。将Properties代码进行复制，并写入到style的行内样式。这样ta
  • HTML/CSS笔记 可能是小李吧 学习笔记csshtml
    思维导图HTML网页的基本结构文档声明，声明当前文档版本迭代网页的版本HTML4XHTML2.0HTML5...文档说明文档说明用来告诉浏览器当前的版本进制二进制十进制八进制十六进制字符编码所有的数据在计算机中储存时都是以二进制形式存储的，文字也不例外。所以一段文字在存储到内存时，都需要转换为二进制编码当我们读取这段文字时，计算机会将编码转换为字符，供我们阅读解码将二进制码转换为字符的过程称为解码
  • Vue3：企业级组件库搭建(10) 双囍菜菜 Vue3vue.js
    企业级组件库搭建指南：从架构设计到持续交付文章目录文章目录企业级组件库搭建指南：从架构设计到持续交付文章目录一、Monorepo架构设计1.1工作区配置1.2依赖管理策略二、组件设计规范体系2.1原子设计模型2.2组件测试规范三、主题系统实现方案3.1CSS变量架构3.2运行时主题切换四、文档自动化方案4.1组件元数据提取4.2实时预览沙箱五、CI/CD流水线建设5.1自动化流程设计5.2质量门禁
  • C# WebForm显示bootstrap模态对话框 boluo_people12345 c#bootstrap开发语言asp.net
    1、在aspx中添加，将依赖添加进来2、添加模态对话框的divModaltitle...CloseSavechanges3、我封装了两个C#函数来显示和隐藏bootstrp的对话框publicvoidshowModal(stringid){stringscript="varmyModal=newbootstrap.Modal(document.getElementById('"+id+"'),{\
  • HTML CSS 使div中的子元素横向排列，并均匀分布 boluo_people12345 htmlcss前端
    #do_rect{/*水平均匀排列*/display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;}以上是示例。效果图：你好
  • 前端工程化--gulp的使用 前端_学习之路 前端工程化gulprustnode.js
    gulp介绍gulp是一个基于Nodejs的自动化构建工具，中文主页能自动化地完成javascript/coffee/sass/less/html/image/css等文件的合并、压缩、检查、监听文件变化、浏览器自动刷新、测试等任务使用步骤：安装nodejs全局安装gulpnpminstallgulp-g局部安装gulpnpminstallgulp--save-dev创建一个简单的应用，文件结构如
  • uniapp css grid布局 —Qeyser 微信小程序uni-appHtmlcss前端uniapp
    html代码{{item}}css代码.view-list{width:100%;margin-top:40rpx;margin-bottom:40rpx;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);;gap:30rpx;}.view-item{width:100%;height
  • 赛博朋克风格的数字孪生应用于前端开发 IOWEL 前端
    在前端开发中，数字孪生是一种模拟现实世界实体的虚拟实体，它可以通过使用传感器数据和实时监测来与实际对象进行交互。本文将介绍如何使用赛博朋克风格的语言和设计元素来诠释数字孪生的概念，并实现一个基于前端技术的案例。首先，我们需要创建一个基本的前端应用程序框架。我们将使用HTML、CSS和JavaScript来构建我们的应用。以下是一个简单的HTML结构，用于容纳我们的数字孪生应用：
  • C#客户端嵌入Chrome浏览器的实现（非IE） 赖龙 工具
    客户端软件，也就是传统的Winform软件，在很多时候是很好用的。因为在做一些打印、本地设备操作的时候，纯Web系统还是存在很多局限性的。例如很多驱动你需要单独写cab包啦，交互式实现调试很困难啦，浏览器适配问题啦等等。这个时候，Winform结合Web的方式，就是一种比较好的选择。虽然.net本身支持WebBrowser，但是WebBrowser这个东西是基于本地操作系统IE浏览器的，一些CSS
  • 是时候反思下 Web 前端了
    我以往写的技术类文章，绝大部分是问题反思、方法论之类的，极少有某个具体技术或工具的介绍与使用教程——除非是我创造的。眼看着曾经经常针对前端领域问题进行有价值思考与讨论的前辈、大佬、同行们接连退隐或沉默，这块儿的高价值新产出内容越来越少。因此，我打算自告奋勇地正式接下「对前端领域问题进行思考并尽量产出高价值内容」这个生态位的接力棒。需要特别说明的是，「前端领域」不局限于以HTML、CSS、JavaS
  • 27、web前端开发之CSS3（四） 跟着汪老师学编程 前端css3css
    8.动画（Animations）CSS3引入了强大的动画（Animations）功能，使得网页开发者可以通过纯CSS实现复杂的动画效果，而无需依赖JavaScript。通过@keyframes规则，开发者可以定义多个关键帧点，从而创建平滑且灵活的动画序列。本节将详细讲解CSS3动画的基本使用、动画属性、实际应用场景及最佳实践。8.1.动画的基本概念CSS3动画允许开发者通过定义多个关键帧点（Key
  • 24、web前端开发之CSS3（一） 跟着汪老师学编程 前端css3css
    CSS3详细讲义目录CSS3简介CSS3核心特性选择器盒模型背景与边框文本样式颜色与透明度过渡与动画变换弹性盒布局网格布局媒体查询多列布局字体与排版装饰与效果性能优化新特性与兼容性CSS3实践示例总结一、CSS3简介CSS3（CascadingStyleSheets,Level3）是CSS技术的最新版本，旨在通过引入新的功能和改进，提升Web开发的效率和网页的视觉效果。CSS3是模块化的，每个模块
  • 【HTML+CSS】使用HTML与后端技术连接数据库 m0_74823264 面试学习路线阿里巴巴htmlcss数据库
    目录一、概述1.1HTML前端1.2后端技术1.3数据库二、HTML表单示例三、PHP后端示例3.1连接数据库3.2接收数据并插入数据库四、安全性4.1防止SQL注入4.2数据验证与清洗五、优化5.1索引优化5.2查询优化六、现代Web开发中的最佳实践6.1使用ORM（对象关系映射）6.2前后端分离6.3异步通信（AJAX/FetchAPI）七、结论在Web开发中，经常需要从前端（HTML/CSS
  • 26、web前端开发之CSS3（三） 跟着汪老师学编程 前端css3css
    5.文本（Text）CSS3大大增强了对文本样式和排版的控制，使得网页设计更加灵活和多样化。本讲详细介绍CSS3中常用的文本相关属性，包括文本对齐、字体大小、行高、字母间距、单词拆分、溢出隐藏等，帮助开发者更好地控制和优化网页中的文本显示效果。5.1.文本对齐（text-align）text-align属性用于控制块级元素（如div、p等）中的文本水平排列方式。通过合理使用text-align，可
  • package.json browserslist 82年的辣鸡 JavaScriptVue.jsvue
    作用：根据提供的目标浏览器的环境来，智能添加css前缀，js的polyfill垫片,来兼容旧版本浏览器。避免不必要的兼容代码，以提高代码的编译质量。共享使用browserslist的组件们：组件名功能Autoprefixerpostcss添加css前缀组件bable-preset-env编译预设环境智能添加polyfill垫片代码postcss-normalize基础语法：只要package.js
  • 处理前端兼容性的重要工具：Browserslist AvskBug 前端
    在前端开发中，处理CSS和JavaScript兼容性问题是一个常见的挑战。不同的浏览器对于CSS和JavaScript的解析和支持程度各不相同，因此开发人员需要采取一些措施来确保他们的网站在各种浏览器中都能正确地显示和运行。在这方面，一个非常重要的工具是Browserslist。Browserslist是一个用于配置目标浏览器的工具，它使用一种简单的查询语言来指定要支持的浏览器范围。通过在项目中使
  • 最强markdown编辑器,究竟是谁！？ ficns 编辑器
    以下是一些不同类型的Markdown软件推荐：1.Typora:•优点：曾经是广受欢迎的免费软件，后改为收费软件，但仍有很多人觉得它物有所值。它提供了一个无干扰的写作环境，真正做到了所见即所得，将编辑和预览模式合二为一，在输入Markdown内容时即时生成预览效果，界面简洁直观，支持多种主题和自定义CSS，能让用户专注于写作。支持多种操作系统，包括Windows、macOS和Linux。它还支持图
  • CSS多设备兼容-媒体查询以及在SCSS中的应用！
    CSS媒体查询为你提供了一种应用CSS的方法，仅在浏览器和设备的环境与你指定的规则相匹配的时候CSS才会真的被应用，例如“视口宽于480像素”的时候。我们可以利用媒体查询来实现响应式布局，适应各种设备(pc、ipad、phone)视口大小。媒体查询参考：媒体查询媒体查询的类型有一下4种：类型说明all默认值，所有设备（可省略不写）print打印设备(用于打印机和打印预览）screen用于电脑屏幕，
  • 给Web开发者的HarmonyOS指南01-文本样式
    给Web开发者的HarmonyOS指南01-文本样式本系列教程适合HarmonyOS初学者，为那些熟悉用HTML与CSS语法的Web前端开发者准备的。本系列教程会将HTML/CSS代码片段替换为等价的HarmonyOS/ArkUI代码。页面结构HTML与ArkUI在Web开发中，HTML文档结构由、和等标签组成，其中标签包含了页面中所有可见的内容。而在HarmonyOS的ArkUI框架中，使用@E
  • Python Eel 与 Remi、NiceGUI 的区别：选择合适的库来创建 Web 界面 scoone python前端开发语言
    在Python社区中，有几个库可以帮助开发者快速创建基于Web的用户界面，其中PythonEel、Remi和NiceGUI是比较受欢迎的几个。本文将对比这三者的主要区别，帮助您根据项目需求选择最合适的库。PythonEel目的Eel的目标是简化将Python脚本转换为完整Web应用程序的过程。使用方式允许使用HTML/CSS/JavaScript创建前端，Python作为后端。提供简单的路由系统，
  • CSS3：overflow属性详解 八万鸡米花 htmlcsscss3html5
    1.Overflowoverflow为溢出（容器），当内容超出容器时只需添加overflow属性值为hidden，就可以把超出容器的部分隐藏起来；如果内容超出容器却又不想其隐藏时可以将其属性值设置为auto；overflow：auto属性如果超出就出现滚动条，没有超出则不出现滚动条这样就可以出现滚动条，滚动条也可以单独设置，例如overflow-x：hidden；overflow-y：auto；这
  • 带你解析原子化css引擎unocss的工作原理 谁能挡我成仙 css前端
    最近荒废了，几天没写文章，今天抽时间水一篇内容。带你解析原子化css引擎unocss的工作原理@unocss/core首先，你得知道什么是CustomRulesShortcutsPreflightCustomvariantsThemeLayersUtilitiesPreprocess&Prefixing我们将围绕上述功能来实现一个mini-unocss工作流程在了解此之前我希望你能读完unocss
  • CSS(十一）——CSS分组和嵌套，尺寸（Dimension） 神秘的博主 css前端
    CSS分组和嵌套选择器分组选择器举个例子，多个标签有同一个样式，就可以不一个一个分开写，使用分组选择器比如：h1{color:green;}h2{color:green;}p{color:green;}就可以写为：h1,h2,p{color:green;}嵌套选择器它可能适用于选择器内部的选择器的样式。在下面的例子设置了四个样式：p{}:为所有p元素指定一个样式。.marked{}:为所有clas
  • UnoCss(原子化css引擎) 让你的开发更轻松愉快 hulianwangjike2026 csstensorflow前端
    什么是原子化CSS，UnoCSS又是什么，对此有疑问的推荐看下antfu的这篇文章——重新构想原子化CSS(antfu.me)相信看完这篇文章的你也会跟我一样热衷于UnoCSS.介绍今天介绍一个CSS开发利器UnoCSS,是一个具有高性能且极具灵活性的即时原子化CSS引擎，具有按需加载的特性，相信使用过TailwindCSS，WindiCSS，等CSS框架的同学对CSS原子化这个概念都不会陌生，原
  • Vue学习记录之二十 postcss自定义插件及Unocss的使用 LvManBa vue.js学习postcss
    一、实例1使用postCss自定义px转vw插件编写css插件:一、在项目根目录下建立一个plugins文件夹，然后建立一个postcss-px-to-viewport.ts文件。//vite内置了postCss无需安装import{Plugin}from'postcss'//定义一个变量constOptions={viewportWidth:375,//UI设计稿上的宽度，这里我们默认的视口宽度
  • [CSS]CSS 尺寸 (Dimension) 海神之光. csscss前端
    CSS尺寸(Dimension)属性允许你控制元素的高度和宽度。同样，它允许你增加行间距。更多实例设置元素的高度这个例子演示了如何设置不同元素的高度。使用百分比设置图像的高度这个例子演示了如何使用百分比值设置元素的高度。使用像素值来设置元素的宽度本例演示如何使用像素值来设置元素的宽度。设置元素的最大高度此示例演示如何设置元素的最大高度。使用百分比来设置元素的最大宽度本例演示如何使用百分比值来设置元
  • CSS 尺寸 (Dimension) wjs2024 开发语言
    CSS尺寸(Dimension)在网页设计中，CSS（层叠样式表）的尺寸属性是控制元素大小和位置的关键。本文将详细介绍CSS尺寸相关的概念、属性及其应用。1.CSS尺寸概述CSS尺寸主要包括宽度和高度，这些属性可以应用于各种HTML元素，如div、p、img等。通过合理设置尺寸，可以使网页布局更加美观、合理。2.CSS宽度和高度属性2.1宽度（Width）宽度属性用于设置元素的宽度。以下是一些常用
  • Java 并发包之线程池和原子计数 lijingyao8206 Java计数ThreadPool并发包java线程池
    对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
  • java编程思想 抽象类和接口 百合不是茶 java抽象类接口
    接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface;
  • [房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
           随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb
  • 数组队列总结 沐刃青蛟 数组队列
          数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。      以下是数组队列的功能实现代码：   import List.Student; public class
  • Oracle存储过程无法编译的解决方法 IT独行者 oracle存储过程　
    今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
  • 重装系统之后oracle恢复 文强chu oracle
    前几天正在使用电脑，没有暂停oracle的各种服务。 突然win8.1系统奔溃，无法修复，开机时系统 提示正在搜集错误信息，然后再开机，再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统，没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候， 直接把我的c盘给格式化了 并且清理了注册表，再装系统。 然后的结果就是我的oracl
  • python学习二（ 一些基础语法） 小桔子 pthon基础语法
    紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法 与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&
  • svn 常用命令 aichenglong SVN版本回退
    1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio
  • 某小公司面试归来 alafqq 面试
    先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
  • 动态数组的存储速度比较 集合框架 百合不是茶 集合框架
    集合框架： 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
  • 用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
    <html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
  • 探索JUnit4扩展：使用Rule bijian1013 java单元测试JUnitRule
            在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n
  • [Gson一]非泛型POJO对象的反序列化 bit1129 POJO
    当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    
  • 【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
    0.Kafka服务器的配置 一个Broker， 一个Topic Topic中只有一个Partition（）   1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
  • lsyncd实时同步搭建指南——取代rsync+inotify ronin47
    1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
  • java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
    public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
  • MySQL的sum函数返回的类型 bylijinnan javaspringsqlmysqljdbc
    今天项目切换数据库时，出错 访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
  • java设计模式之单例模式 chicony java设计模式
    在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的： 　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构 　　单例模式的特点： 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。 　　饿汉式单例类   publ
  • javascript取当月最后一天 ctrain JavaScript
    <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
  • linux tune2fs命令详解 daizj linuxtune2fs查看系统文件块信息
    一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。 二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
  • 做有中国特色的程序员 dcj3sjt126com 程序员
      从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
  • Android：TextView属性大全 dcj3sjt126com textview
    android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
  • tomcat虚拟目录安装及其配置 eksliang tomcat配置说明tomca部署web应用tomcat虚拟目录安装
    转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config：存放tomcat的配置文件 temp  ：存放tomcat跑起来后存放临时文件用的 work   ： 当第一次访问应用中的jsp
  • 浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
    首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
  • C#根据网址生成静态页面 hvt Web.netC#asp.nethovertree
    HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法：   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
  • SVG 教程 （一） 天梯梦 svg
    SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识： 继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础 如果希望首先学习这些内容，请在本站的首页选择相应的教程。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
  • 一个简单的java栈 luyulong java数据结构栈
    public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
  • 基础数据结构和算法八：Binary search sunwinner AlgorithmBinary search
    Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
  • 12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 刘星宇 c面试
    12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数 问：请找出下面代码里的问题： #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff));
  • ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员 活动ITeye试读
    ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《Java性能优化权威指南》
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他