xukai871105
xukai871105

HTML学习笔记——各种居中对齐

0.前言
     水平居中基本方法——指定块的宽度并设定块的左右外边距为auto，上下外边距可取0，那么该块可以在父元素中水平居中。
样式如下：
1： margin:0px auto
2： margin-left:auto; margin-right:auto;
     垂直居中基本方法——设定块的上下内边距相等。
样式如下：
    padding-top:20px; padding-bottom:20px;

1.div居中对齐
【HTML】 
<!DOCTYPE html>
<html>
<head>
<style>
#all{
    margin:0px auto;
    width:500px; /* 必须制定宽度 */
    height:200px;
    background-color:blue;
}
</style>
</head>
<body>
<div id="all">
<div>
</body>
</html>
【效果】
【1】body中有一个ID为all的块，该块的宽度为500px，高度为200px，通过margin:0px auto在body中水平居中。
HTML学习笔记——各种居中对齐_第1张图片
图1 div居中

2.div中文字居中
【HTML】 
<!DOCTYPE html>
<html>
<head>
<style>
#all{
    margin:0px auto;
    width:500px; /* 必须制定宽度 */
    height:200px;
    background-color:blue;
}
#string{
    margin:0px auto;
    width:300px;
    height:100px;
    background-color:red;
    text-align:center; /* 文字居中 */
    font-size:32px; /* 文字大小 */
    color:white; /* 文字颜色 */
}
</style>
</head>
<body>
<div id="all">
<div id="string">center<div>
<div>
</body>
</html>
【效果】
【1】body中有一个ID为all的块，该块的宽度为500px，高度为200px，在body中水平居中。
【2】在名称为all的块中有一个ID为string的块，通过margin:0px auto使得该块在父元素中水平居中。text-align:center使得

图2 div 文字水平居中

3 div图片居中
【HTML】 
<!DOCTYPE html>
<html>
<head>
<style>
#all{
    margin:0px auto;
    width:500px; /* 必须制定宽度 */
    height:200px;
    background-color:blue;
}
#string{
    margin:0px auto;
    width:300px; /* 必须制定宽度 */
    height:100px;
    background-color:red;
    text-align:center; /* 文字居中 */
    font-size:32px; /* 文字大小 */
    color:white; /* 文字颜色 */
}
#image{
    margin:0px auto;
    width:300px; /* 必须制定宽度 */
    background-color:white;
    text-align:center; /* 图像居中 */
    padding-top:20px; /* 图像上填充 */
    padding-bottom:20px; /* 图像下填充 */
}
</style>
</head>
<body>
<div id="all">
<div id="string">center</div>
<div id="image"><img src="loader.gif"></div>
</div>
</body>
</html>
【效果】
【1】图片在div中居中的方法和文字相同，父div中设定text-align:center即可。
【2】如果需要图片垂直居中，那么可以设定父div的上下内边距，例如 padding-top:20px;padding-bottom:20px;
HTML学习笔记——各种居中对齐_第2张图片
图3 div中图像水平居中

4.表格内容居中
【HTML】——HTML写法 
<!DOCTYPE html>
<html>
<head>
<style>
#all{
    margin:0px auto;
    width:500px; /* 必须制定宽度 */
    height:200px;
    background-color:blue;
}
</style>
</head>
<body>
<div id="all">
<!-- 表格在父窗体中居中 -->
<table width="80%" align="center" border="1">
<tbody>
<!-- 单元格居中 -->
<tr height="50px"><td align="center">文字居中</td></tr>
<tr height="50px"><td align="center"><img src="loader.gif"></td></tr>
</tbody>
</table>
</div>
</body>
</html>
【效果】
【1】<table align="center" > 使得表格在父div中水平居中。
【2】<td align="center"> 使得单元格中的内容水平居中，请注意单元格中的内容默认垂直居中。
HTML学习笔记——各种居中对齐_第3张图片
图4 表格内容居中——HTML写法

【HTML】CSS写法 
<!DOCTYPE html>
<html>
<head>
<style>
#all{
    margin:0px auto;
    width:500px; /* 必须制定宽度 */
    height:200px;
    background-color:blue;
}
/* 设置边框 */
table, th, td{
    border: 1px solid black;
}
/* 设置table位置 */
table{
    margin:0px auto; /* 效果等同 <tabel align="center">*/
    width:80% /* 必须制定宽度 */
}
/* 单元格对齐 */
td{
    text-align:center;
}
</style>
</head>
<body>
<div id="all">
<table>
<tbody>
<tr height="50px"><td>文字居中</td></tr>
<tr height="50px"><td><img src="loader.gif"></td></tr>
</tbody>
</table>
</div>
</body>
</html>
【效果】
【1】table{margin:0px auto;}，使得表格在父div中水平居中
【2】td{text-align:center;}，单元格内容水平居中，请注意td{text-align:center;}和<td align="center">有相同效果。
【3】效果和如图4所示。

参考资料
【1】 为你总结老生常谈的 --- CSS居中
【2】 实现DIV层内的文字垂直居中

你可能感兴趣的:(html,div,居中)

  • ASP.NET MVC 网站优化总结 使用 Gzip 压缩 飞鸟flyboy 服务器安全常用技巧
    1.开GZIP有什么好处？答：Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理，这样就会减小通过网络传输的数据量，提高浏览的速度。2.如何启用IIS的Gzip压缩功能：答：首先，如果你需要压缩静态文件（HTML），需要在硬盘上建一个目录，并给它“IUSR_机器名”这个用户的写权限。如果压缩动态文件（PHP，asp，aspx）就不需要了，因为它的页面是每次都动态生成的，压缩完就放弃。然后在I
  • CSS backdrop-filter 实现毛玻璃效果 无需定位裁剪图片 云小黛 样式css前端
    文章目录介绍一、效果二、代码1.HTML部分2.CSS部分总结介绍利用伪类+CSSbackdrop-filter实现毛玻璃效果，无需将图片进行叠层或裁剪。backdrop-filter是一种CSS属性，可以为一个元素后面区域添加图形效果（如模糊或颜色偏移）。参考自MDNCSSbackdrop-fliter一、效果二、代码1.HTML部分<divclass
  • DeepSeek 模型：究竟该如何抉择？ 云计算课代表 日常运维问题合集腾讯云ai服务器云计算
    一、DeepSeek安装部署之前已经写过教程介绍如何部署DeepSeek，具体可参考以下内容：喂饭式教程-腾讯云轻量服务器部署DeepSeek：https://www.yiisu.vip/deepseek_lighthouse.html喂饭式教程-腾讯云HAI服务部署DeepSeek：https://www.yiisu.vip/deepseek_hai.html喂饭式教程-腾讯云HAI服务原生安装
  • vue2 使用 html2canvas 将页面 dom 转为图片并下载记录 TangAcrab 工具dom转图片html转图片
    1、安装html2canvas依赖npminstallhtml2canvas-S2、页面中使用importHtml2Canvasfrom'html2canvas'//下载为png图片asyncdownFileByImg(imgName){//{分项名称}+{统计时段}+“能耗报表”+{导出时间（YYMMDDMMSS）}.pngtry{//文件名称constnowTime=formatDate(ne
  • HTML5响应式网页模板：构建跨平台网站的完整解决方案 朱昆 iamkun
    本文还有配套的精品资源，点击获取简介：本资源包含一套完整的HTML5源码，用于创建适用于手机和电脑的跨平台网站，特别适合需要提供一致用户体验的开发者。资源特点包括：HTML5的新特性、响应式设计、前端页面基础框架、多种页面布局的网站模板。HTML5简化了开发过程并增强了网页交互性，响应式设计使得网站能在不同设备上自适应，而前端技术如CSS和JavaScript则负责页面的样式和动态功能。此外，还涵
  • macOS安装Homebrew官网安装 时光不负追梦人 mac
    Homebrew官网http://brew.sh/index_zh-cn.html官网安装Homebrew的安装很简单，mac自带ruby环境，只需在终端下输入如下指令即可完成Homebrew的安装，如果以下链接失效可以去官网看看新的链接：ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/inst
  • 【web】html不完全的不完全复习 吧啦吧啦吡叭卜 webhtml5css3html前端css
    1位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范的标记是（A）。A、B、C、D、2,HTML结构元素：header元素nav元素article元素aside元素section元素footer元素1【单选题】在标签的常用属性中，引用外部文档的类型用（）属性表示。A、headB、rel：文档之间关系C、href：被链接文档的地址D、type被链接外部文档的类型我
  • HTML中元素和标签有什么区别？ DTcode7 HTML网站开发#前端基础入门三大核心之htmlHTML前端webJavaScript网页开发
    HTML中元素和标签有什么区别？元素（Element）示例一：元素的基本结构示例二：自闭合元素示例三：嵌套元素标签（Tag）示例四：标签与属性示例五：标签的使用场景示例六：标签与浏览器解析不同角度的功能使用思路角度一：选择器和CSS角度二：JavaScript操作角度三：语义化标签角度四：表单元素角度五：响应式设计实际工作中的使用技巧在HTML（HyperTextMarkupLanguage）的世
  • HTML技术贴：深入理解网页构建基础 不会玩技术的技术girl 前端html前端
    引言HTML（HyperTextMarkupLanguage）是构建网页和网络应用的基石。它是一种用于定义网页内容结构的标记语言，通过一系列的元素（elements）和属性（attributes），HTML文档告诉浏览器如何展示内容。本文将深入探讨HTML的基本概念、元素、属性以及一些高级用法，帮助开发者更好地理解和运用HTML。HTML文档结构一个基本的HTML文档由以下几部分组成：DOCTYP
  • html表格宽度拖拽,拖动改变Table的列宽度 weixin_39582737 html表格宽度拖拽
    .resizeDivClass{position:relative;background-color:red;width:2;z-index:1;left:expression(this.parentElement.offsetWidth-1);cursor:e-resize;}functionMouseDownToResize(obj){obj.mouseDownX=event.clientX;
  • html table左右移动,js 实现table每列可左右拖动改变列宽度 老牛要图 htmltable左右移动
    table用户编号试用时间转正时间性别姓名拼音生日时间民族身高20000011997-3-131997-3-131WZJ1965-3-13汉17120000452001-2-152001-3-150WY1978-8-5汉16220000462001-2-232001-3-230LQ2001-2-23汉171vartTD;//用来存储当前更改宽度的TableCell,避免快速移动鼠标的问题varta
  • Django官方教程(六)【创建你的第一个 Django 项目,第四部分】 .NET跨平台 PythonDjangodjango表单应用
    创建你的第一个Django项目，第四部分这一篇从第三部分（zh）结尾的地方继续讲起。我们将继续编写投票应用，本章着力于简单的表单处理和精简我们的代码。编写一个简单的表单让我们更新一下在上一个教程中编写的投票详细页面的模板（“polls/detail.html”），让它包含一个HTML元素：{{question.question_text}}{%iferror_message%}{{error_me
  • webView的使用以及总结 xjbclz Android-综合
    转自：http://www.360doc.com/content/14/0611/13/15210553_385676271.shtmlWebView(网络视图)能加载显示网页，可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页，实现WebView有以下两种不同的方法：第一种方法的步骤：1.在要Activity中实例化WebView组件：WebViewwebView=newWebVi
  • 前端非框架类知识点汇总 南川直树 JavaScriptjsonhtml5javascriptjquerycss
    html单词库css引入图片标签：imgsrc=""title=""alt=""src属性是指图像文件路径alt属性是在图片加载不出来时替换成文本title属性是在鼠标悬停的时候显示srcset属性是在不同的屏幕上显示不同的图片srcset=“url2x，url3x”视频标签：video是一个双标签controls播放控件autoplay自动播放谷歌默认视频不自动播放需要添加禁音才能实现自动播放m
  • Django+Vue创建项目前后端分离 我就是我是好孩子啊 djangovue.jspython
    转载掘金文章详细介绍了如何搭建项目https://juejin.cn/post/7028812676230807582Django的TemplateView指向生成的前端dist文件即可.1、找到project目录的urls.py，使用通用视图创建最简单的模板控制器，访问『/』时直接返回index.html:fromdjango.conf.urlsimporturlfromdjango.views
  • 爬虫自学——爬取古诗词网唐诗三百首 菜比码农 爬虫python开发语言
    frombs4importBeautifulSoupasbsimportrequestsimportjsonurl='https://so.gushiwen.cn/gushi/tangshi.aspx'header={"User-Agent":"Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome
  • 【Gee-Web框架】【Day6】【Golang】模板Template 行者无疆xcc GeeWeb前端golang开发语言
    实现静态资源服务StaticResource支持HTML模板渲染一、服务端渲染1.简要说明前后端分离的开发模式，web后端提供RESTful接口，返回结构化的数据（通常是JSON或者XML），前端使用AJAX技术请求到所需的数据，利用JavaScript进行渲染。Vue/React等前端框架火热，优势突出后端专注解决资源利用、并发、数据库等问题，只需考虑数据如何生成前端专注界面设计实现，只需要考虑
  • Laravel 多图片上传 —Qeyser HtmlLaravellaraveljavascript前端
    Laravel+htmljs图片上传实现前端代码多图片上传（最多5张）.image-preview{display:flex;flex-wrap:wrap;margin-top:20px;}.image-previewimg{max-width:100px;max-height:100px;margin:5px;border:1pxsolid#ccc;border-radius:5px;}.upl
  • 流形学习-Manifold Learning 鹊踏枝-码农 机器学习模式识别流形学习ManifoldLearning
    来源：转载本文请联系原作者获取授权，同时请注明本文来自张重科学网博客。链接地址：http://blog.sciencenet.cn/blog-722391-583413.html流形（manifold）的概念最早是在1854年由Riemann提出的(德文Mannigfaltigkeit)，现代使用的流形定义则是由HermannWeyl在1913年给出的。江泽涵先生对这个名词的翻译出自文天祥《正气歌
  • ZeroDivisionError: float division by zero 想念@思恋 pytorchjava开发语言
    更新学习率时，分母为0.0，即group[‘t_total’]=0.0#报错BERT/optimization.py",line169,insteplr_scheduled=group['lr']*schedule_fct(state['step']/(group['t_total']),group['warmup'])ZeroDivisionError:floatdivisionbyzero解决
  • 分享一些自认为好用的解码平台 肆—— 安全
    综合平台：以下是两个含有多种解密网站的平台，可用于完成多数密码解密https://ctf.bugku.com/toolshttp://www.hiencode.com/摩斯密码解密平台：https://www.lddgo.net/encrypt/morse核心价值观解码平台：http://www.hiencode.com/cvencode.html
  • 爬虫遇到一个标签有两个类名怎么办？ 勇敢的牛马 爬虫pythonxhtmlpycharmselenium测试工具css
    1.使用CSS选择器：BeautifulSoup的select方法支持使用CSS选择器来定位元素。对于具有多个类名的元素，可以将类名连接起来，并在每个类名前加上一个点（.），表示同时具有这些类的元素。frombs4importBeautifulSoup#假设html_content是包含目标HTML的字符串soup=BeautifulSoup(html_content,'lxml')divs=so
  • 329.大学生HTML期末大作业 —【纪念鲁迅文化主题网页】 Web前端网页制作 html+css 一只小小的眠羊 大学生期末大作业文化前端html课程设计javascripthtml5cssjquery
    目录一、更多推荐二、网页简介三、网页文件四、网页效果五、代码展示1.html2.CSS六、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强一、更多推荐欢迎来到我的CSDN主页！您的支持是我创作的动力！Web前端网页制作、网页完整代码、大学生期末大作业案例模板完整代码、技术交流等，有兴趣的联系我交流学习!更多优质博客文章、网页模板点击以下链接查阅：仙女网页设计-CSDN博客5000+
  • HTML-05NPM使用踩坑 坐吃山猪 前端html前端
    2025-03-04-NPM使用踩坑本文讲述了一个苦逼程序员在使用NPM的时候突然来了一记nmplogin天雷，然后一番折腾之后，终究还是没有解决npm的问题,最终使用cnpm完美解决的故事。文章目录2025-03-04-NPM使用踩坑@[toc]1-参考网址2-思路整理3-学习要点4-对比学习1-什么是npm、cnpm两者之间的区别1-npm概述2-cnpm概述3-npm和cnpm的区别2-如何
  • DeepSeek：如何通过自然语言生成HTML文件与原型图？ 阿三0404 ai人工智能html机器学习深度学习
    在当今快节奏的开发与设计环境中，快速生成HTML文件或原型图是每个开发者与设计师的迫切需求。虽然DeepSeek无法直接生成图片，但它却能够通过自然语言生成流程图、原型图以及交互式页面，甚至可以直接输出HTML代码。本文将详细介绍如何与DeepSeek高效交流，生成你想要的HTML文件或原型图，并分享一些实用技巧。1.DeepSeek的核心功能与优势DeepSeek是一款基于自然语言处理（NLP）
  • zl-docx2html：将文档转换为网页的利器 石喜宏Melinda
    zl-docx2html：将文档转换为网页的利器zl-docx2html项目地址:https://gitcode.com/gh_mirrors/zl/zl-docx2html在现代技术文档管理中，将文档转换为网页格式是一项常见需求。无论是为了方便在线阅读、版本控制，还是为了更好地集成到网站或内部系统中，文档的网页化处理都显得尤为重要。今天，我们将向您推荐一款强大的开源工具——zl-docx2htm
  • html5 iframe实现页面预览pdf 十年 lius web前端html5
    一个可以把上传文件的绝对地址拿到的方法：//建立一个可存取到该file的urlfunctiongetObjectURL(file){varurl=null;//下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的js函数而已if(window.createObjectURL!=undefined){//basicurl=window.createObjectURL(file);}else
  • 提升Web可访问性的10个关键实践 zsy_1991 前端javascripthtml
    在当今互联网时代，确保网站的可访问性（Accessibility）已经成为开发者和设计师的重要任务之一。Web可访问性不仅有助于残障用户更好地访问和使用网站，还能提升整体用户体验。本文将介绍10个关键的Web可访问性实践，帮助你构建更加友好和包容的网站。1.使用语义化的HTML标签语义化的HTML标签不仅有助于搜索引擎优化（SEO），还能提升屏幕阅读器等辅助技术的理解能力。以下是一些常用的语义化标
  • swagger-01-swagger介绍 褚师子书 swaggerjavaspringbootrestful
    swagger1.学习目标：了解前后端分离了解Swagger的作用和概念在SpringBoot中集成Swagger1.1swagger由来前后端分离，当前流行的开发模式Vue+SpringBoot早先的后端时代：前端只用管理静态页面；后端将html用模板引擎JSP进行开发前后端分离式时代：后端：后端控制层，服务层，数据访问层【后端团队】前端：前端控制层，视图层【前端团队】mock后端数据json,
  • 前端开发中如何使用ChatGPT辅助开发？ 破碎的天堂鸟 学习教程chatgpt
    以下是前端开发中使用ChatGPT辅助开发的完整指南，涵盖核心应用场景、实践方法及注意事项：一、代码生成与优化基础代码生成HTML/CSS/JS框架搭建：通过自然语言描述需求（如"生成带导航栏的响应式页面"），ChatGPT可快速生成结构清晰的代码骨架。例如，输入“用Flexbox实现垂直水平居中布局”，可得到包含justify-content和align-items属性的代码[1][32]。组件
  • 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其他