2、:table-cell;vertical-align:middle;}优点:content可以动态改变高度(不需在CSS中定义)。当wrapper里没有足够空间时,content不会被截断缺点:InternetExplorer(甚至IE8beta)中无效,许多嵌套标签(其实没那么糟糕,另一个专题)方法二:这个方法使用绝对定位的div,把它的top设置为50%,topmargin设置为负的content高度。这意味着对象必须在CSS中指定固定的高度。因为有固定高度,或许你想给content指定overflow:auto,这样如果conten
3、t太多的话,就会出现滚动条,以免content溢出。
4、外插入一个div。设置此divheight:50%;margin-bottom:-contentheight;。content清除浮动,并显示在中间。
5、口缩小)content不会被截断,滚动条出现缺点:唯一我能想到的就是需要额外的空元素了(也没那么糟,又是另外一个话题)方法四这个方法使用了一个position:absolute,有固定宽度和高度的div。这个div被设置为top:0;bottom:0;。但是因为它有固定高度,其实并不能和上下都间距为0,因此margin:auto;会使它居中。使用margin:auto;使块级元素垂直居中是很简单的。
6、 top:0; bottom:0; left:0; right:0; margin:auto; height:240px; width:70%;}优点:简单缺点:IE(IE8beta)中无效无足够空间时,content被截断,但是不会有滚动条出现方法五这个方法只能将单行文本置中。只需要简单地把line-height设置为那个对象的height值就可以使文本居中了。
7、t:100px;}优点:适用于所有浏览器无足够空间时不会被截断缺点:只对文本有效(块级元素无效)多行时,断词比较糟糕这个方法在小元素上非常有用,例如使按钮文本或者单行文本居中收藏分享评分回复引用订阅TOP·发短消息·加为好友蝴蝶当前离线UID32 帖子80 精华0 积分0 威望0 金币0 阅读权限10 在线时间1小时 注册时间2009-9-2 最后登录2009-12-3 艾凯游民UID32 帖子80 精华0 积分0 威望0 金币0 在线时间1小时 注册时间2009-9-2 沙发蝴蝶发表于2009-9-1515:09
8、只看该作者RE:五种方
此文档下载收益归作者所有