CSS display:table属性用法- 轻松实现了三栏等高布局

       display:table:此元素会作为块级表格来显示（类似 <table>）;    
display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性
的，但是IE6/7只能对你说sorry了，这一事实也是大大制约了display:table-cell属性在实际项目中的应用，但是现在是移动端的天下了，ie 说拜拜吧~

    与其他一些display属性类似，table-cell同样会被其他一些CSS属性破坏，例如float, 
position:absolute，所以，在使用display:table-cell与float:left或是position:absolute
属性尽量不用同用。设置了display:table-cell的元素对宽度高度敏感，对margin值无反应，响应padding属性，基本上就是活脱
脱的一个td标签元素了。

1. display:table-cell与大小不固定元素的垂直居中

使用display:table-cell让大小不固定元素垂直居中已经是很老的方法了， 

方便阅读，这里再次展示下代码：

/*这里的大小是根据高宽上限128像素图片设置的*/
div{display:table-cell; width:1em; height:1em; border:1px solid #beceeb; font-size:144px; text-align:center; vertical-align:middle;} 
div img{vertical-align:middle;}


2. 轻松实现了三栏等高布局

 CSS display属性值，包括与表格相关的属性值：CSS display:table、 CSS display:table-row和CSS display:table-cell，
不多说，直接上代码了：
<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>display:table</title>



<style>

*{ padding:0; margin:0;}

.main{ display:table; border-collapse:collapse; /*为表格设置合并边框模型*/}

.nav{ display:table-cell; width:180px; background:#999;}

.extras{ display:table-cell; width:180px; padding-left:10px; border-right:1px solid #F00; background:#060;}

.content{ display:table-cell; width:300px; padding-left:10px;}

</style>

</head>



<body>

<div class="wrapper">

    <div class="header"></div>

    

  <div class="main">

      <div class="nav">静安嘉</div>

      <div class="extras">空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的</div>

      <div class="content">阿瓦我ii啊啊啊<br><br><br><br><br><br><br>空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的空间第六节安静的</div>

    

    </div>



</div>



</body>

</html>


 
  
　　这种基于表格的新CSS布局方式能够正确的在IE8、Firefox、Safari和Opera（注：包括FF2/FF3/Google都通过了测试）中显示出来。
 
  





                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(display)

        

            

                
    
                    
  • cursor+deepseek实现完整的俄罗斯方块小游戏
                        RW~
javascript前端css
                        
    俄罗斯方块body{margin:0;display:flex;justify-content:center;align-items:center;height:100vh;background:#333;color:white;font-family:Arial,sans-serif;}.game-container{display:flex;gap:20px;}canvas{border:2p
    
                    
    • 
                    
  • springboot 2.6.0结合swagger3.0.0不兼容问题
                        隐藏起来
编程springbootspringjava
                        
    先放结论：网上各种解决办法，但是最简单的临时办法是在application.properties中添加spring.mvc.pathmatch.matching-strategy=ant_path_matcher错误代码如下：ErrorstartingApplicationContext.Todisplaytheconditionsreportre-runyourapplicationwith'd
    
                    
    • 
                    
  • 简单一周日期展示及选择切换
                        

                        
    医院挂号，可能需要切换日期，选择一周内的某一天。提供一周内的日期段，通过点击，切换到不同天。简单的js，html实例。切换玩调用后台接口，实现后续逻辑。使用Vue,插值语法，更简单。一周日历切换代码:显示一周日期.container{display:flex;}.box{/*这里可以添加具体的样式*/flex:1;background-color:white;margin:0auto;text-a
    
                    
    • 
                    
  • {{ }}和v-on:click
                        

                        
    好的，我们来对Vue中这两个最常用语法的“可接受内容”进行一个清晰的总结。它们的核心区别在于职责不同：一个是为了显示，另一个是为了行动。总结对比表特性插值表达式{{}}v-on事件处理器(@)核心职责计算并显示一个值(DisplayaValue)当事件发生时执行一个动作(ExecuteanAction)性质只读的(Read-only)可写的(Writable)允许的内容无副作用的JavaScrip
    
                    
    • 
                    
  • react控制打印机打印_React实现浏览器打印指定内容
                        weixin_39637179
react控制打印机打印
                        
    近期着手项目任务的打印功能，在此作个记录，本文介绍基于React的一种调用浏览器打印页面指定内容的方法。整体思路：通过构建一个隐藏的元素(该元素包裹需打印的内容)，当打印行为触发时，将页面其他的一些不需要打印的元素隐藏，然后将需打印的元素追加到body中，打印完成后，再恢复初始状态即可。浏览器打印的本质还是将web页面中的元素打印出来而已。1.构建待打印元素在页面中构建一个display为none
    
                    
    • 
                    
  • 网络故障排查：BGP故障排查
                        小小小糖果人
网络小知识网络
                        
    1、为确保BGP路由争取加入到全局路由表中，首先需要确保BGP路由有效，其次要确保能够在和通过其他路由协议学到的路由比较中优选。2、查看BGP邻居状态2.1如果没有BGP路由表中，未能查询到相匹配的路由信息，需要查看BGP邻居状态是否正常#查看对等体的信息。displaybgppeerStatuscodes:*-DynamicBGPLocalrouterID:10.2.3.4localASnumb
    
                    
    • 
                    
  • 微信小程序之获取后台动态数据表格布局display:table
                        HOLD ON!
微信小程序
                        
    微信小程序之获取后台动态数据表格布局display:table猿来独往2018-09-02本文没有采用flex布局和grid布局来设置表格的，而是通过display:table;来设置。一方面工作中经常用到这种自适应表格排版布局方式（包括方框列表及九宫格式），但是flex布局和grid布局来设置的话就很容易了，这次想通过另一种方法来实现，而且这种方法比较少用，所以想尝试一下，分享给大家。如果对这个
    
                    
    • 
                    
  • QNX + Android虚拟化方案深度解析：HQX Display与OpenWFD配置文件揭秘
                        芯作者
DD：计算机科学领域android
                        
    当QNX遇上Android的显示魔法在智能座舱、工业控制等场景中，QNXHypervisor通过虚拟化技术同时运行安全关键的QNX系统与用户交互的Android系统。而HQXDisplay作为显示核心引擎，基于OpenWFD标准（Khronos组织的无线显示开放标准）实现跨域渲染。本文将以qcdisplaycfg_ADP_STAR_LA.xml为例，深度解析其配置逻辑，揭示多屏协同背后的秘密！一、
    
                    
    • 
                    
  • 如何将windows主机断开网络（使不能访问因特网）
                        jcsx
windows网络windows
                        
    有些时候需要断开网络，但是远程操作又不能直接拔网线或者禁用网卡，可以通过设置无效DNS解析的办法进行：1、设置无效的DNS解析网卡将主DNS设为127.0.0.1备DNS设为0.0.0.02、查看DNS缓存ipconfig/displaydns3、刷新DNS缓存ipconfig/flushdns4、验证DNS解析是否已无效nslookupwww.baidu.com
    
                    
    • 
                    
  • 【微信小程序学习】搜索音乐页面代码实现
                        2401_84434880
程序员微信小程序学习notepad++
                        
    }/*热搜榜*/.hotContainer.title{font-size:28rpx;height:80rpx;line-height:80rpx;border-bottom:1rpxsolid#eee;}.hotList{display:flex;flex-wrap:wrap;}.hotItem{width:50%;height:80rpx;line-height:80rpx;font-siz
    
                    
    • 
                    
  • 招标专家随机抽选——抽取结果打印模板设计—未来之窗智能编程——仙盟创梦IDE
                        未来之窗软件服务
招标专家仙盟创梦IDE东方仙盟
                        
    打印代码function未来之窗_人工智能_打印指定区域(魔都id){varmode="iframe";varclose=false;varextraCss=`.cyberwinqrimg{display:inline-block!important;}`;varkeepAttr=[];keepAttr.push($("#"+魔都id).html());varheadElements=',';va
    
                    
    • 
                    
  • 华为路由器典型配置（附案例）
                        normanhere
华为智能路由器iphone
                        
    案例拓扑：#主用路由器R_ShenZhen_1配置displaycurrent-configurationsysnameR_ShenZhen_1#SNAT调用，将IPSEC流量排除aclnumber3000rule5denyipsource10.2.0.00.0.255.255destination10.4.0.00.0.255.255rule10permitipsource10.0.0.00.2
    
                    
    • 
                    
  • 【分治算法】【Python实现】Strassen矩阵乘法
                        「已注销」
#分治算法分治算法Python
                        
    文章目录@[toc]问题描述基础算法时间复杂性Strassen算法时间复杂性问题时间复杂性Python实现个人主页：丷从心·系列专栏：分治算法学习指南：算法学习指南问题描述设AAA和BBB是两个n×nn\timesnn×n矩阵，AAA和BBB的乘积矩阵CCC中元素cij=∑k=1naikbkjc_{ij}=\displaystyle\sum\limits_{k=1}^{n}{a_{ik}b_{kj
    
                    
    • 
                    
  • 【二】19.关于LCD和LTDC
                        我滴Yang
#STM32MP157驱动入门fpga开发
                        
    前言：。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。1.LCD简介：（1）什么是LCD:全称LiquidCrystalDisplay,其构造是在两片平行得玻璃基板中放置液晶盒，下基板玻璃上设置TFT（薄膜晶体管），上基板玻璃上设置彩色滤光片，通过TFT上的信号与电压改变来控制液晶分子的转动方向，从而达到控制每个像素点偏振光出射与否而达到显示目的。（2）
    
                    
    • 
                    
  • v-if、display、visibility、opacity隐藏元素的区别
                        甘露寺
前端vuereact
                        
    前端元素隐藏与条件渲染完全指南（Vuevs.Reactvs.CSS）本文对比v-if、v-show、display:none、opacity:0、visibility:hidden以及React条件渲染的差异，帮你彻底掌握它们的适用场景！核心概念1.DOM树vs.渲染树DOM树：完整的HTML节点结构（无论是否隐藏）。渲染树：浏览器实际绘制到屏幕上的内容（隐藏元素可能被跳过）。2.关键差异特性是否
    
                    
    • 
                    
  • k230使用摄像头
                        专一的咸鱼哥
k230python
                        
    k230使用摄像头一.摄像头基础知识1.图像传感器2.分辨率和帧率3.焦距和视场角4.像素格式5.镜像和翻转6.曝光和白平衡二.Sensor模块1.reset2.set_framesize3.set_pixformat4.set_hmirror5.set_vflip6.run7.stop8.snapshot三.Display模块1.初始化init1.1.type1.2.LAYER1.3.flag2
    
                    
    • 
                    
  • css实现圆环效果
                        春风欲雨
csscss圆环
                        
    圆环效果图.div{width:100px;height:100px;background-color:#fbc2eb;border-radius:50%;}.div:after{content:"";display:block;width:50px;height:50px;border-radius:50%;background-color:#fff;position:relative;top:
    
                    
    • 
                    
  • Python创意爱心代码合集（7种实现方案）
                        我非常不满意
pythonpygame开发语言
                        
    方案一：动态粒子爱心（Pygame实现）importpygameimportmathimportrandompygame.init()W,H=1200,800screen=pygame.display.set_mode((W,H))particles=[]classParticle:def__init__(self):self.angle=random.uniform(0,2*math.pi)se
    
                    
    • 
                    
  • 基于单片机的LCD菜单设计
                        卖水果的
工业控制常用算法单片机界面设计
                        
    在小型的单片机设备中，需要使用LCD菜单进行人机交互。对于这种交互的实现，一来无需像在手机上做APP一样，做出花哨的界面效果；二来这种小设备也不支持那样太消耗资源的界面系统。所以这种场合下，需要我们亲自使用C语言去编写一套精简的界面框架代码。定义菜单项的数据类型一个菜单项，有自身的唯一标志码ID，和显示的字符串ItemDisplayStr，和选中它时执行的函数ItemFun。但仅仅这样还不够，因为
    
                    
    • 
                    
  • C语言大作业——学生信息管理系统
                        yeye_queenmoon
c语言开发语言
                        
    前言零基础小白第一次写项目，耗时两天，bug不断，浅浅记录一下项目介绍github依照作业要求分三层(1)Viewlayer(main.c):receiveuserinputs,displaydataandinteractwithusers.(2)Logiclayer(stu_service.c):processrelativebusinesslogics.(3)Dataaccesslayer(s
    
                    
    • 
                    
  • python与wind和excel联动，调用wind接口【附源码】
                        棚鱼宴
python
                        
    一、python安装wind接口二、案例fromWindPyimportw#导入wind模块importxlwingsasxw#导入xlwings实现与excel联动app=xw.App(visible=False,add_book=False)excel=app.booksxw.App.display_alerts=Falsexw.App.screen_updating=False#启动wind
    
                    
    • 
                    
  • 对 Boston Housing Dataset（波士顿房价数据集）数据分析
                        程序小K
数据分析数据分析数据挖掘
                        
    1.数据加载与初步检查importpandasaspdimportmatplotlib.pyplotaspltimportseabornassns#加载数据boston_df=pd.read_csv("boston_housing_data.csv")#查看前5行display(boston_df.head())#检查数据基本信息（列名、数据类型、非空值数量）print(boston_df.inf
    
                    
    • 
                    
  • 微信小程序入门解读-②_wxss中设置模块置顶
                        参考信息
程序员微信小程序notepad++小程序
                        
    注意，这里单位是rpx，而不是px。rpx是小程序为适应不同宽度的手机屏幕，而发明的一种长度单位。不管什么手机屏幕，宽度一律为750rpx。它的好处是换算简单，如果一个元素的宽度是页面的一半，只要写成width:375rpx;即可。（3）display:flex;：整个页面（page）采用Flex布局。（4）justify-content:center;：页面的一级子元素（这个示例是）水平居中。（
    
                    
    • 
                    
  • Wireshark过滤语法大全，收藏！
                        wljslmz
网络技术Wireshark
                        
    Wireshark提供了两种过滤机制：捕获过滤（CaptureFilter）和显示过滤（DisplayFilter）。这两种过滤各司其职，分别在数据包捕获和分析阶段发挥作用。捕获过滤数据抓取的第一道防线捕获过滤在数据包进入Wireshark之前生效，决定了哪些数据包会被记录。它的核心优势是减少捕获的数据量，降低系统资源消耗，尤其在高流量网络环境中至关重要。捕获过滤使用的是BerkeleyPacke
    
                    
    • 
                    
  • 【四线框的跟随移动】
                        岩岩很哇塞！
前端小项目前端
                        
    效果展示四线框移动动效一、布局//布局二、样式//样式.container{position:relative;display:grid;grid-column-gap:50px;grid-template-columns:autoautoauto;}.pointer{position:absolute;--l:30px;/*四角线框长度*/--t:3px;/*四角线框粗细*/--g:15px;/
    
                    
    • 
                    
  • vue 3 计算器
                        ldj2020
vue.jsjavascript前端
                        
    效果：{{formattedDisplay}}C()⌫÷789×456−123+%0.=import{ref,computed}from"vue";import{evaluate}from"mathjs";//表达式和显示内容constexpression=ref("");constdisplay=ref("0");//格式化显示内容：将*→×，/→÷constformattedDisplay=c
    
                    
    • 
                    
  • Vue应用在初始化时可能会出现短暂的“闪动”或“花屏”现象
                        程序员大侠
前端前端javascriptvue.js
                        
    Vue应用在初始化时可能会出现短暂的“闪动”或“花屏”现象，这是因为Vue实例在挂载之前，页面上的插值表达式（如{{message}}）会原样显示在页面上，直到Vue实例接管并渲染这些内容。解决方案1.使用v-cloak指令v-cloak是Vue提供的一个指令，用于在Vue实例编译完成之前隐藏元素。你可以在CSS中添加如下样式：[v-cloak]{display:none;}然后在你的Vue应用的
    
                    
    • 
                    
  • LVDS与GMSL和FPD-Link之间的关系
                        我是一只有梦想的菜鸟
网络协议
                        
    GMSL（GigabitMultimediaSerialLink）和FPD-Link（FlatPanelDisplayLink）并不是严格意义上的LVDS（Low-VoltageDifferentialSignaling，低压差分信号）技术，但它们与LVDS有一定的关联和相似性。以下是它们与LVDS的关系和区别：1LVDS简介LVDS是一种差分信号传输技术，具有以下特点：使用低电压（通常为1.2V
    
                    
    • 
                    
  • js在线markdown转html转pdf
                        isyoungboy
jsmarkdownmarkdownjsmarkdown转html
                        
    在线转换地址http://youngboy-codelib.gitee.io/youngboy/markdown.html感兴趣的同学可以参考下面的代码将下面的代码复制，保存为html文件在游览器中打开即可使用按ctrl+p也可转pdfjs实现的pdf实际为截图后保存为pdf使用github-markdown-css样式md文本测试#edit{display:flex;justify-conten
    
                    
    • 
                    
  • [IDisplayManager]DisplayManagerService接口说明
                        CV资深专家
15_Android系统服务安卓
                        
    以下是对IDisplayManager.aidl文件的完整解析，按照功能模块分类，IDisplayManagerAIDL接口详解该接口用于Android系统中对显示设备（如主屏、虚拟屏、Wi-Fi显示等）进行管理与控制。部分接口需要特定权限，普通应用无法直接调用。️显示器信息获取方法名参数返回值/作用getDisplayInfo(intdisplayId)displayId：显示设备ID获取指定显
    
                    
    • 
                                
  • Java实现的简单双向Map，支持重复Value
                                    superlxw1234
java双向map
                                    
    关键字：Java双向Map、DualHashBidiMap 
  
  
有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。 
  
数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。 
  
即：既要根据Key找Value，又要根据Value
    
                                
    • 
                                
  • PL/SQL触发器基础及例子
                                    百合不是茶
oracle数据库触发器PL/SQL编程
                                    
      
触发器的简介; 
触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用, 
  
一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行,


 
触发时间：指明触发器何时执行，该值可取：
before：表示在数据库动作之前触发
    
                                
    • 
                                
  • [时空与探索]穿越时空的一些问题
                                    comsci
问题
                                    
     
      我们还没有进行过任何数学形式上的证明,仅仅是一个猜想..... 
 
      这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
    
                                
    • 
                                
  • easy ui datagrid上移下移一行
                                    商人shang
js上移下移easyuidatagrid
                                    
    /**
 * 向上移动一行
 * 
 * @param dg
 * @param row
 */
function moveupRow(dg, row) {
	var datagrid = $(dg);
	var index = datagrid.datagrid("getRowIndex", row);
	if (isFirstRow(dg, row)) {
    
                                
    • 
                                
  • Java反射
                                    oloz
反射
                                    
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 
 
首先看看java中的Class 
 
package demo;

public class ClassTest {
	
	/*先了解java中的Class*/
	
	public static void main(String[] args) {
		
    //任何一个类都
    
                                
    • 
                                
  • springMVC 使用JSR-303 Validation验证
                                    杨白白
springmvc
                                    
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 
 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 
 
登录需要验证类 
 
public class Login {

	@NotEmpty
    
                                
    • 
                                
  • log4j
                                    香水浓
log4j
                                    
    
log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE
#log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML

#console
log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender
log4
    
                                
    • 
                                
  • 使用ajax和history.pushState无刷新改变页面URL
                                    agevs
jquery框架Ajaxhtml5chrome
                                    
    表现 
如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 
是什么有这么强大的功能呢？ 
HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
    
                                
    • 
                                
  • centos中文乱码
                                    AILIKES
centosOSssh
                                    
    一、CentOS系统访问 g.cn ，发现中文乱码。 
于是用以前的方式：yum -y install fonts-chinese 
CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。     
  
      
  
后来，终于找到以下方法可以解决，需要两个中文支持的包： 
fonts-chinese-3.02-12.
    
                                
    • 
                                
  • 触发器
                                    baalwolf
触发器
                                    
    触发器(trigger)：监视某种情况，并触发某种操作。 
触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 
语法： 
create trigger triggerName 
after/before 
    
                                
    • 
                                
  • JS正则表达式的i m g
                                    bijian1013
JavaScript正则表达式
                                    
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
    
                                
    • 
                                
  • HTML5模式和Hashbang模式
                                    bijian1013
JavaScriptAngularJSHashbang模式HTML5模式
                                    
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 
html5Mode 
        一个布尔值，标识$location服务是否运行在HTML5模式下。 
ha
    
                                
    • 
                                
  • [Maven学习笔记六]Maven生命周期
                                    bit1129
maven
                                    
    从mvn test的输出开始说起 
  
当我们在user-core中执行mvn test时，执行的输出如下： 
  
/software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
    
                                
    • 
                                
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错
                                    bit1129
hadoop
                                    
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 
 
 Task Failure 
 Application Master Failure 
 Node Manager Failure 
 Resource Manager Failure 
 1. Task Failure 
任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
    
                                
    • 
                                
  • 记一次数据推送的异常解决端口解决
                                    ronin47
记一次数据推送的异常解决
                                    
    　　 需求：从db获取数据然后推送到B 
        程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 
　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 
　　　service iptables stop 

    
                                
    • 
                                
  • 巧用视错觉-UI更有趣
                                    brotherlamp
UIui视频ui教程ui自学ui资料
                                    
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 
视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 
格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 
在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
    
                                
    • 
                                
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线）
                                    bylijinnan
数据结构算法线段树
                                    
    package com.ljn.base;

import java.util.Arrays;
import java.util.Comparator;
import java.util.Set;
import java.util.TreeSet;

/**
 * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177

    
                                
    • 
                                
  • HTTP协议详解
                                    chicony
http协议
                                    
    引言                                 
    
                                
    • 
                                
  • Scala设计模式
                                    chenchao051
设计模式scala
                                    
    Scala设计模式 
        
       我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
    
                                
    • 
                                
  • 安装mysql
                                    daizj
mysql安装
                                    
    安装mysql 
  (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除) 
     执行命令rpm -qa |grep mysql 检查是否删除干净 
  (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
    
                                
    • 
                                
  • HTTP状态码大全
                                    dcj3sjt126com
http状态码
                                    
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
    
                                
    • 
                                
  • asihttprequest上传图片
                                    dcj3sjt126com
ASIHTTPRequest
                                    
    NSURL *url =@"yourURL";
    ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url];
    [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
    
                                
    • 
                                
  • C语言中，关键字static的作用
                                    e200702084
C++cC#
                                    
    在C语言中，关键字static有三个明显的作用： 
 
1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 
一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
    
                                
    • 
                                
  • win7/8使用curl
                                    geeksun
win7
                                    
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。  下载地址：  
http://curl.haxx.se/download.html   请选择不带SSL的版本，否则还需要安装SSL的支持包       2.  可以给Windows增加c
    
                                
    • 
                                
  • Creating a Shared Repository; Users Sharing The Repository
                                    hongtoushizi
git
                                    
    转载自：  
http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/  Commands discussed in this section: 
 
 git init –bare 
 git clone 
 git remote 
 git pull 
 git p
    
                                
    • 
                                
  • Java实现字符串反转的8种或9种方法
                                    Josh_Persistence
异或反转递归反转二分交换反转java字符串反转栈反转
                                    
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： 
http://josh-persistence.iteye.com/blog/2205768 
  
/**
 * 
 */
package com.wsheng.aggregator.algorithm.string;

import java.util.Stack;

/**

    
                                
    • 
                                
  • 代码实现任意容量倒水问题
                                    home198979
PHP算法倒水
                                    
    形象化设计模式实战             HELLO!架构                     redis命令源码解析 
  
倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
    
                                
    • 
                                
  • Druid datasource
                                    zhb8015
druid
                                    
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
    
                                
    • 
                                
  • 两种启动监听器ApplicationListener和ServletContextListener
                                    spjich
javaspring框架
                                    
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器 
  
ServletContextListener  
特点: 依赖于sevlet容器，需要配置web.xml 
使用方法: 
public class StartListener implements 
    
                                
    • 
                                
  • JavaScript Rounding Methods of the Math object
                                    何不笑
JavaScriptMath
                                    
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他