【www.guakaob.com--介绍信】
css布局居中和CSS内容居中区别和对应DIV CSS代码教程与图文代码案例篇
对于新手来说DIV CSS布局居中与DIV CSS内容居中常常搞混,摸不着头脑。这里DIVCSS5重点为介绍关于布局居中与内容居中区别、CSS代码、作用、用法,通过基础知识介绍到DIV CSS图文代码案例让大家通俗易懂掌握这两个概念知识点。
对于DIV CSS开发来说CSS布局居中与CSS内容居中是入门碰到最重要需要必须掌握知识点。
一、认识布局居中与内容居中 - TOP
1、CSS DIV布局居中
布局居中是对框架盒子本身设置。让网页主体水平居中于浏览器中,就需设置margin:0 auto实现布局居中。
布局居中针对框架盒子本身居中。
布局居中主要是对布局框架设置比如(DIV盒子)设置。一般网页布局中最外层主体框架设置布局居中样式(margin:0 auto)实现。如果不设置布局居中代码,其有的浏览器中主体是居中的,但有的浏览器中靠左显示,引起兼容性问题,所以要让一个盒子水平居中于浏览器中就必须设置一个margin:0 auto样式。
特点:实现居中非常特别使用margin样式实现,需要特别注意。
2、CSS DIV内容居中
3、
和DIV布局居中有着同样居中字眼的内容居中,则是对盒子里内容(文字、图片等内容)实现水平居中。使用CSS样式单词与值代码为text-align:center。不管是对div标签、h1标签、h2标签、p标签等html元素标签设置都能让其对于盒子里内容水平居中。
扩展CSS代码:
CSS内容居中:text-align:center
CSS内容靠左:text-align:left
CSS内容靠右:text-align:right
二、 两者本质区别 - TOP
CSS布局居中:对框架设置水平居中(比如对DIV本身设置DIV水平居中于浏览器中)。 CSS内容居中:对盒子里的内容设置水平居中(比如DIV内放到图片、文字等内容)
三、应用目的 - TOP
CSS布局居中实现主体水平居中于浏览器;CSS内容居中实现框架盒子内的内容居中。拿DIV布局来说,前者对DIV框架盒子本身设置水平居中,后者对DIV里装的内容水平居中。
四、居中简单图文案例 - TOP
1、布局居中
为了能观察到布局居中效果,我们对一个DIV设置css宽度300px;css高100px;CSS边框为红色,并设置布局居中代码margin:0 auto
1)、完整DIV CSS代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>简单布局实例 DIVCSS5</title>
<style>
.divcss5{ margin:0 auto; width:300px; height:100px; border:1px solid #F00}
</style>
</head>
<body>
<div class="divcss5">布局居中简单实例</div>
</body>
</html>
2)、布局居中效果截图
DIV CSS布局居中实例效果截图
2、内容居中
3、
为了能观察到内容居中、居左、居右效果,我们设置3个div盒子同样宽度300px;高100px;CSS边框为红色,分别设置居中、居右、居左样式。
1)、完整HTML代码(DIV CSS代码)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>简单内容居中与布局居中实例 DIVCSS5</title>
<style>
.divcss5{margin:0 auto;width:300px;height:100px;border:1px solid #F00;text-align:center;} </style>
</head>
<body>
<div class="divcss5">布局居中 与 内容居中简单实例</div> </body>
</html>
加了text-align:center即可实现让盒子内内容居中
DIV 居中之div水平居中 让DIV布局居中篇
如何让DIV居中呢?如何让DIV盒子水平居中呢?本节DIVCSS5让大家实现DIV布局水平居中。
一、div居中实现介绍 -
在布局一张网页时,通常网页主体框架是居中于浏览器中的。实现最外层DIV水平居中与浏览器中需要一个条件和一个设置。【div中的内容居中】
假如最外层DIV盒子的CSS命名为“#divcss5”,这个时候为了兼容各大浏览器实现最外层的这个盒子居中。
一条件:
这个时候对“body”设置css内容居中样式(text-align:center)
即CSS代码:
一设置:
这个时候对“#divcss5”设置居中必备样式css margin
即CSS代码:
二、DIV居中用法实例 - TOP
为了便于观察布局居中效果,我们再对“#divcss5”加一个css边框为黑色,css宽度为300px;高度为100px样式。
1、最终得到DIV居中的CSS代码:
2、对应html代码片段:
3、居中案例截图
DIV水平居中效果图
有时候,为了网页设计的美观,需要把div+css设计的页面里的某些div层里的文字垂直居中,包括多行文字以及单行文字;方法有不少,但真正能实现而代码又简洁的介绍不多,flymorn就为大家介绍几种适用的div文字垂直居中的方法。
首先要知道css里vertical-align无效,W3C官方对vertical-align做了下面的解释:“ This property affects the vertical positioning inside a line box of the boxes generated by an inline-level element.”
实际上,一个Box中由很多行很多元素组成,vertical-align只作用于在同一行内的元素,它的垂直并不是相对于整个Box而言的。前面定义了一个60px的高度,但是这个Box中存在很多行,那段文本并不能对齐到中央。因此希望那段文本对齐中间,需要给它定义一个line-height的属性,让line-height为60px,作用于一行的vertical-align就可以工作了。
如果是单行文字想垂直居中,只要保证div高和行高保持一致,就可以了。用下面的代码即可实现:
CSS代码:
#div-a{
height:60px;
line-height:60px;
}
XHTML代码:
<div id="div-a">
飘易博客欢迎大家访问@
</div>
如果还想让div里的文字水平居中,加上“text-align:center;”即可;代码如下:
CSS代码:
#div-a{
text-align:center;
height:60px;
line-height:60px;
}【div中的内容居中】
XHTML代码:
<div id="div-a">
飘易博客欢迎大家访问@
</div>
说明:如果在父级元素定义TEXT-ALIGN:center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT:auto; MARGIN-LEFT:auto;”。
但是,如果是多行文字,上面的垂直居中的方法就不行了,得用变通的方法实现;这里建议使用table方法,在table外面再套上相应的div,代码如下:
<table>
<tr><td style="vertical-align:middle;height:300px;background-color:red">
飘易博客<br />欢迎大家访问@<br />
</td></tr>
</table>
多行文字居中还有另外一种方法:
多行内容居中,且容器高度可变,也很简单,给出一致的 padding-bottom 和 padding-top 就行:
.middle-demo-2{
padding-top: 24px;
padding-bottom: 24px;
}
优点:
1. 同时支持块级和内联极元素
2. 支持非文本内容
3. 支持所有浏览器
缺点:
容器不能固定高度(参考)
如何使图片在DIV中垂直居中,可以用背景的方法。如下:
body{
BACKGROUND:url(#FFF no-repeat center;
}
关键就是最后的center,这个参数定义图片的位置。还可以写成“top left”(左上角)或者"bottom right"等,也可以直接写数值"50 30"。
[篇一:季度经济活动分析报告范文]
目录
一、分厂生产运营情况概述………………………………………2
二、主要产品产量及生产指标完成情况分析……………………2
三、主要生产指标对标情况及分析………………………………4
四、现存主要问题分析及下步解决措施…………………………4
五、专题汇报内容…………………………………………………5
一、一季度电解分厂生产运营情况概述
(一)完成铝产品31046、7t,比公司年度计划进度减少1034吨。实现铝锭综合交流电单耗14404kwh/t比计划高154kwh/t,氧化铝单耗1919kg/t比计划低1kg/t,阳极炭块毛耗523kg/t比计划高13kg/t,氟化铝单耗31、5kg/t比计划高11、5kg/t。总体来说,一季度电解分厂生产指标欠佳。
(二)主要生产运行情况
一季度电解分厂计划大修电解槽3台,其中已完成1011号、1064号槽大修后通电启动。经济活动分析报告范文。
二、本月主要产品产量及生产指标完成情况分析
一季度主要产品产量及生产指标完成情况汇总表
(一)铝产品产量完成情况分析
一季度完成31046吨,较季度计划目标值减少1034吨。
主要原因:
1、在工艺指标管理方面,分厂技术管理不够精细,技术人员对趋势把握不足,未能及时有效调整技术条件,出现波动后才调整,延误了时机,造成2月份电解槽波动。
2、在设备运行方面,分厂虽然制订了节能管理办法,3、安全隐患犹存。我司船舶均为老旧船,设备隐患较多,加上航道秩序混乱,不安全、不可控因素越来越多,对船舶航行安全构成很重的压力。
4、部分船船舶水电费出现异常
三月份有四艘船舶水电费出现异常,严重超进度,为了查清水电费超进度的原因,责成经监处、计财处认真调查,并作出处理,今后财务对船舶的水电费进帐,要登记明细,方便考核、查询和对帐。
四、下步工作
参加经济活动分析会的李总经理,对公司一季度经济活动进行了总体归纳,同时布置了下步工作。
(一)一季度指标运行正常
1、成本管理得到了科学预控。
2、生产指标超进度。
3、安全保持了稳定。
4、服务船舶的力度进一步加大。
(二)下步工作
1、认清形势,转变观念,保持清醒头脑。目前,我们面临三大压力:一是货司效益指标欠进度;二是成本压力日益突出;三是修费不足,对船舶设备养护造成空前压力。我司要加强科学管理,作好半年工作会指标调整的思想准备。
2、成本控制要注意四个指标的监控
(1)物料费指标
(2)海损指标(包括海损杂支指标)
(3)修费指标
(4)对船舶水电费指标出现的异常情况进行调研。
3、强化责任意识。各指标处室负责人是本部门指标的第一责任人,要求各部门紧盯目标,加强责任,严密监控,实施目标管理。
4、经监处要加大运行质量监控
(1)加强指标动态监控,月度严格考核。
(2)对指标出现异常情况的部门、单位,要督办分析,并要求指标管理部门写出书面分析材料报分管领导和公司领导,及时处理解决。
(3)各指标处室要加强指标协调、沟通。力求将问题解决在萌芽状态。
5、加大重点指标的监控力度
(1)工资成本指标
(2)修费指标
(3)单耗指标
(4)营运间接费指标
6、需要解决的几个问题
(1)加大对安全生产的投入,改善指导船长办公条件和环境。
(2)关心船员生活和身心健康,特别是“五一”期间,做好对船舶的慰问。
(3)适度解决基层单位的困难,涉及安全生产急需的,可适当解决。
(4)做好个税、船舶备用金的解释工作。
(5)继续为船舶,为生产一线服务。
(6)机关部门要认真思考和讨论“职工在我心中,安全在我手中”提高机关工作质量。
[篇三:经济活动分析报告范文]
为了适应商品经济迅速发展,最近,我们组织有关公司,对6月末库存商品结构作了一次分析。
6月末,库存总值为xxxx万元,比上年同期增加6、79%。上半年购、销、调总值为xxxx万元,比上年同期增加18、64%,
因此,总的看,商品库存增大,同购销业务的扩大基本上相适应的。通过去年以来的三次清仓查库,清出有问题的商品xx万元,已处理了xx万元。因此,当前库存结构已逐步趋向合理。
但根据工农业生产发展和下丰年旺季市场的雷要,目前库存商品还存在一些问题。一、某些地产工业品库存过大
棉毯6月末库存66570条,二季度末收购,而要在三季度收购的有5000条,三季度收纳的27000条,计划内有对象的调出只有200、条,预计三季度末库存棉毯将达到10万条左右。
6月末,毛巾库存139、3万条,其中低档毛巾已存两年左右的有4、万条,如果继续存放下去,将有变质的危险,因此急待处理。
地产粗白布上丰年工业超产,商业超收11、2万米,因调入方不要而没有调出的又有12、3万来,共增加库存23、5万米。以上这三个品种共增加库存100万元左右,占县百货公司批发库存的21写。
二、外来产品积压不少
据5个公司排队,6月末积压品种达309种,金额27、5万元。如棉维粘混纺,今年滞销,县百货公司批发库存16800米,长期没动过。薄绒卫生衫裤2381件,市场不适销,已存放多年,地产篮球707只,质次价高,多年没销路。夏布库存605匹,也多年了。高档海带323担,当地没销路。白胡椒152斤,可销10年多。中成药库存中,有10余万元属序存过大的。如报伤青药由于伤湿青药能满足供应,销售下降,6月末库存54万张;催肥散库存75万包;猪可活库存85万包;猪痢灵库存18万包。这些品种,根据当前销售情况,都可销好几年。西药中,长效横胺6月末库存105万片,加上7月已调入30万片,下半年计划还要分配30万片,而下半年估计销售30万片,预计年末库存将达135万片,可销3年。洪胺啥吮片库存71万片。双甲基啥吮片库存50万片,也可销二三年。
三、为工业部门储存的商品增加
县百货公司为工业部门存放的工业生产用布12、24万来;医药公司为制药厂存放的药材20余万元;五金、交电、化工序存中,为工业部门代存的也不少。
四、不少商品库存薄弱,脱销断档严重,不能满足需要
当前序存中若刹除积压和存蚤过大的部分,鱿与工农业生产的发展和旺季市场的雷要不相适应。
下半年,由于工业发展,农业丰收,群众收入增加,购买力不断提高,旺季市场预计比往年更旺。据预浏,下半年全县社会商品购买力为xxxx万元,比上年同期增加xx%。其中生活资料晌买力为xx万元,比上年同期增加xx写。购买力增加的主要因素有两个:一是就业人数增加,工资顺发放比去年同期增加7、1%;二是农副产品采购投放增加22%。今年粮食丰收,农民要多卖点加价粮和周转稚。这两项粮食收购计划安排比去年增加42、4%。今年水稻长势很好,收购黄预计可增加31%。芝麻、桐籽、蓖麻籽等油料作物的收购童将普遮比去年同期增加。生猪收购头数虽增加不多,但重责增加较大,每头猪的收入也比去年增加。棉花生长也比去年好。烟叶、秋茧、秋茶等土副特产收购量都要比去年同期增加。加上乡镇企业和农村专业户收入的增加。所以购买的需要数童很大。
当前库存与的买要求对照,主要存在两个问题:
一个问题是冬令商品库存薄弱,货源不能满足,如县百货公司批发排队,6月末,冬令化纤、呢绒库存只有50、3万来。加上下半年外地调入预计38万米,合计88、3万米(其中呢绒5万来),而市场需要却为98、8万米,只能满足89%,比去年实际销售还有减少。
另一个问题是当前脱销、断档商品不少。据6个公司排队,脱销、断档和货源不足的商品有xxx种,其中五金、交电、化工商品最为严重。五金中的建筑五金、水暖消防、紫固件、机配件和各种工具,大部分品种脱摘、断档。交电类的自行车供应紧张。染料中的苹绿、深蓝、大红都缺货。副食品中,多数外地品种和当地加工的食糖制品经常脱销。三分煤油灯座是省定点产品,由于没煤,长期不生产,脱销严重。外地充碗基本上没调入,地产先碗因燃料未能解决,质次价高,葫售不好,本存很大。生活用竹木制品,如木桶、脚盆、马捅等长期断货。农业生产用的竹、木制小农具脱铭、断档很严重。
为了及时解决当前库存结构存在的问题,以适应下半年市场需求,我们提出以下几点意见:
一、要求省、地有关部门帮助基层及时解决问题。我县低档毛巾库存过大,存放时间长,甘多次向省、地有关部门汇报,但至今未解决。省内解决不了,省外又不同意拿。同样,地毯、薄绒卫生衫裤也有类似情况。
二、对当前脱销、不足商品的货源情况,请有关部门及时向下交底,提出解决办法。如今年夏令布脱销如此严重,省有关部门不向下说明,下面没法向群众解释,意见集中在基层。下半年旺季市场供应已经到来,冬令商品即将开始上市,除积极向外地组织货源外,要省、地有关部门及时进行全面安排,统一部署,把供应工作做好。
三、各公司对这次库存分析中的问题,必须逐个研究,加以解决。特别要及早安排力量,分头出发,多争取一些适令商品供应市场。叶库存量过大、积压滞销的商品,除组织县内相互调节和削价处理外,还应加强县外联系,做好推销工作。
[篇四:2014经济活动分析报告范文]
一、基本情况
(一)全省情况
2013年1-8月,全省累计进出口149、19亿美元,同比增长16%,比全国水平高7、7个百分点。其中出口87、98亿美元,同比增长25、2%,比全国水平高16个百分点;进口61、21亿美元,同比增长4、9%,比全国水平低2、4个百分点。
8月当月,全省累计进出口21、16亿美元,同比增长31、5%,环比下降1、2%。其中出口12、16亿美元,同比增长47、8%,环比下降13%;进口9亿美元,同比增长14、5%,环比增长21、2%。
(二)全国及中部六省情况
2013年1-8月,全国累计进出口27043亿美元,同比增长8、3%。其中出口14293亿美元,同比增长9、2%,进口12750亿美元,同比增长7、3%。
同期,中部六省合计进出口1370亿美元,同比增长13、9%,其中出口882亿美元,同比增长17、4%,进口488亿美元,同比增长8、2%。
二、运行特点
(一)对香港、欧盟、美国等主要市场出口保持平稳,对东盟出口今年来首次实现增长。1-8月,我省对香港出口19、08亿美元,同比增长54%,占全省出口的21、7%;对欧盟出口10、91亿美元,同比增长46%,占全省出口的12、4%;对美国出口9、2亿美元,同比增长28、7%,占全省出口的10、5%。对东盟出口11、95亿美元,同比增长1%,系今年来的首次同比增长。其他主要出口市场中,对非洲、拉美、中东、俄东出口增幅在12%至49、8%不等,对日本和韩国则出现16、7%和11、1%的同比降幅。进口方面,我省资源类产品的主要进口来源地,如南非、巴西、秘鲁、澳大利亚、俄罗斯等均保持增长,增幅均在9%以上,而以机电、高新技术类产品为主的进口来源地大多出现降幅,如日本和欧盟,降幅分别为53、1%和12、2%。
(二)电子电器类产品、劳动密集型产品和部分有色金属产品增长较快,汽车和汽车底盘进口大幅下滑拖累全省进口。1-8月,我省机电产品出口35、53亿美元,同比增长14、3%,机电产品中,受手机零部件带动,电子电器类产品出口增速达到50、9%。劳动密集型产品中,服装、陶瓷、鞋类、烟花爆竹、纺织品、箱包、打火机等合计出口18、9亿美元,大幅增长70、2%,占同期全省出口总值的21、5%,除打火机小幅下滑1、1%外,其余商品均不同程度增长。有色金属产品出口7、24亿美元,同比增长47、6%,其中未锻造银和未锻造锰出口增速分别达到76、8%和205、2%。其他主要出口商品中,高新技术产品出口增长23、6%,农产品出口增长23、4%,钢材出口下降21、9%。进口方面,我省机电产品进口20、06亿美元,同比下降13、9%,其中汽车和汽车底盘进口3、14亿美元,同比下降65、8%。铁矿砂共进口16、58亿美元,同比增长21、2%。
(三)一般贸易出口、加工贸易进口快速增长。1-8月,我省一般贸易进出口111、03亿美元,增长14、9%,占同期全省进出口总额的74、4%,其中出口65、86亿美元,增长34、4%;进口45、17亿美元,下降5、2%。同期,加工贸易进出口35、76亿美元,增长20、3%,占24%,其中出口21、58亿美元,增长5、9%;进口14、18亿美元,增长51、6%。
(四)民营企业对全省出口的拉动作用进一步加强。1-8月,我省民营企业进出口67亿美元,增长41、5%,占同期全省进出口总额的45%。民营企业出口52、21亿美元,大幅增长73、8%,占同期全省出口总额的59、5%。此外,三资企业进出口41、58亿美元,增长6、9%,占27、9%;国有企业进出口37、62亿美元,下降7、3%,占25、1%。
上一篇:关于红岩简介
下一篇:写一段话向大家介绍你喜欢的水果