今天在DIV制作页面的过程中,碰到文字无法垂直居中的问题,明明vertical-align已经设置为center但是显示的时候,文字依然顶端对齐。
那么如何解决呢?事实上是因为遗漏了line-height属性,没有设置行高,所以导致了文字无法垂直居中。
以下为具体代码 :
文中的text-align属性为文字水平设置,属性有center[居中]、inherit[继承父对象的属性]、justify[两端对齐]、left[左对齐]、right[右对齐]
文中的vertical-align属性为文字垂直设置,属性有baseline[基线]、bottom[]、inherit[继承父对象的属性]、middle[中线对齐]、sub[下标]、super[上标]、text-bottom[文本地对齐]、text-top[文本顶对齐]、top[顶部],另外还可以设置百分比,如vertical-align:10%;
最后还要设置line-height属性,没有行高,也就没有办法判断该行的中线位置是哪,自然也就无法使文字显示为垂直居中了
那么如何解决呢?事实上是因为遗漏了line-height属性,没有设置行高,所以导致了文字无法垂直居中。
以下为具体代码 :
<div style="text-align:center; vertical-align:middle; line-height:24px">文字居中</div>
文中的text-align属性为文字水平设置,属性有center[居中]、inherit[继承父对象的属性]、justify[两端对齐]、left[左对齐]、right[右对齐]
文中的vertical-align属性为文字垂直设置,属性有baseline[基线]、bottom[]、inherit[继承父对象的属性]、middle[中线对齐]、sub[下标]、super[上标]、text-bottom[文本地对齐]、text-top[文本顶对齐]、top[顶部],另外还可以设置百分比,如vertical-align:10%;
最后还要设置line-height属性,没有行高,也就没有办法判断该行的中线位置是哪,自然也就无法使文字显示为垂直居中了
png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!
但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。
解决这个的方法是增加javascript。具体方法如下:
把下面的代码放在head区就可以解决问题了:
也可以把这段代码单独加在一张图片上:
但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。
解决这个的方法是增加javascript。具体方法如下:
把下面的代码放在head区就可以解决问题了:
<script language="javascript">
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
也可以把这段代码单独加在一张图片上:
<span style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='male.png',sizingMethod='scale');"></span>
引用
核心提示:7月24日,阿里巴巴总裁马云在给内部员工的一封信中表示,“我的看法是,整个经济形势不容乐观,接下来的冬天会比大家想象得更长!更寒冷!更复杂!我们准备过冬吧!”。
怪事年年有,今夏尤其多。在互联网行业,首当其冲的就是冬天论和博客过时论。关于博客过时论下篇文章再细说,这次主要说说冬天论。
炎炎夏日却有人会感觉到是冬天?是的,我没有出错,这样的怪事就发生在互联网行业。7月24日,阿里巴巴总裁马云在给内部员工的一封信中表示,“我的看法是,整个经济形势不容乐观,接下来的冬天会比大家想象得更长!更寒冷!更复杂!我们准备过冬吧!”。
第二章 SNS带给顾客的特殊价值描绘
假设:我拥有一台没有预装SNS的电脑,我现在只能用它来从事以下活动:
浏览网页、搜索、聊天、电子邮件、社区BBS、网络游戏、购物、盗版共享、特殊的企业应用。
我在使用SNS之后,我用它来从事下列活动:
1. 创建我的网站,而不需要懂得HTML或其它任何需要专业人员的技术。所有来访问我的SNS个人网站的人,都可以排队和我即时交流,包括使用文字,网络电话,或者面对面的视频。
假设:我拥有一台没有预装SNS的电脑,我现在只能用它来从事以下活动:
浏览网页、搜索、聊天、电子邮件、社区BBS、网络游戏、购物、盗版共享、特殊的企业应用。
我在使用SNS之后,我用它来从事下列活动:
1. 创建我的网站,而不需要懂得HTML或其它任何需要专业人员的技术。所有来访问我的SNS个人网站的人,都可以排队和我即时交流,包括使用文字,网络电话,或者面对面的视频。
SNS,全称Social Networking Services,即社会性网络服务,专指旨在帮助人们建立社会性网络的互联网应用服务。
1967年,哈佛大学的心理学教授Stanley Milgram(1933~1984)创立了六度分割理论,简单地说:“你和任何一个陌生人之间所间隔的人不会超过六个,也就是说,最多通过六个人你就能够认识任何一个陌生人。”按照六度分隔理论,每个个体的社交圈都不断放大,最后成为一个大型网络。这是社会性网络(Social Networking)的早期理解。后来有人根据这种理论,创立了面向社会性网络的互联网服务,通过“熟人的熟人”来进行网络社交拓展,比如ArtComb,Friendster,Wallop,adoreme 等。
但“熟人的熟人”,只是社交拓展的一种方式,而并非社交拓展的全部。因此,现在一般所谓的SNS,则其含义已经远不止“熟人的熟人”这个层面。比如根据相同话题进行凝聚(如贴吧)、根据学习经历进行凝聚(如Facebook)、根据周末出游的相同地点进行凝聚等,都被纳入“SNS”的范畴。
1967年,哈佛大学的心理学教授Stanley Milgram(1933~1984)创立了六度分割理论,简单地说:“你和任何一个陌生人之间所间隔的人不会超过六个,也就是说,最多通过六个人你就能够认识任何一个陌生人。”按照六度分隔理论,每个个体的社交圈都不断放大,最后成为一个大型网络。这是社会性网络(Social Networking)的早期理解。后来有人根据这种理论,创立了面向社会性网络的互联网服务,通过“熟人的熟人”来进行网络社交拓展,比如ArtComb,Friendster,Wallop,adoreme 等。
但“熟人的熟人”,只是社交拓展的一种方式,而并非社交拓展的全部。因此,现在一般所谓的SNS,则其含义已经远不止“熟人的熟人”这个层面。比如根据相同话题进行凝聚(如贴吧)、根据学习经历进行凝聚(如Facebook)、根据周末出游的相同地点进行凝聚等,都被纳入“SNS”的范畴。
数据库中常用的操作就是保存数据和读取数据,在这过程中,乱不乱码和数据库字符集貌似没有什么关系。我们只要保证写入时选择的字符集和读取时选择的字符集一致,即只需保证两次操作的客户端字符集一致即可。
今年4月,美国华盛顿州一个农业小镇昆西忽然喧嚣起来,原来这里要兴建7个足球场大小的超大型农场,只不过它不是用来圈养牲畜的,而是微软可以承载数十万台服务器的服务器农场。这个耗资数亿美元的数据中心将确保微软应对来自Web服务的挑战。无独有偶,尽管互联网企业Google和雅虎早已有了庞大的数据中心,但是现在也正耗费巨资建立一系列数据中心。10月,IBM与Google达成协议,共同出资建立一个供云计算(Cloud Computing)研究的大型数据中心。为什么全球IT巨头都在同一时间开始打起数据中心的主意?
看看亚马逊去年推出的弹性计算云服务。由于它可以让小型企业按照自己的需要购买亚马逊数据中心的处理能力,受到了用户的大力追捧:以EC2为基础的云存储S3在不到一年的时间里,就已经存储了50亿个对象。受S3的刺激,今年,云存储服务之战再度升级,Google、微软和苹果都在近期推出了这一服务,希望在亚马逊独大的市场中分流更多用户,以便扩大广告受众。更多的企业和个人选择通过Web服务共享大型数据中心的资源,这已经成为不可逆转的趋势,但问题是,以Web服务为导向新建的数据中心应该是什么样的?
看看亚马逊去年推出的弹性计算云服务。由于它可以让小型企业按照自己的需要购买亚马逊数据中心的处理能力,受到了用户的大力追捧:以EC2为基础的云存储S3在不到一年的时间里,就已经存储了50亿个对象。受S3的刺激,今年,云存储服务之战再度升级,Google、微软和苹果都在近期推出了这一服务,希望在亚马逊独大的市场中分流更多用户,以便扩大广告受众。更多的企业和个人选择通过Web服务共享大型数据中心的资源,这已经成为不可逆转的趋势,但问题是,以Web服务为导向新建的数据中心应该是什么样的?





