你的位置:首页 > 网页设计

[网页设计]为什么设置的vertical


为什么设置的vertical-align垂直居中不起作用:

vertical-align属性可能使用并不是太频繁,但是有时候可能会使用vertical-align:middle设置对象内部的元素垂直居中对齐,但是有时候会发现此设置并非都会产生效果。代码实例如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">td{ width:200px; height:200px; border:1px solid red; vertical-align:bottom;}div{ width:60px; height:60px; background-color:#690;}</style></head><body><table> <tr>  <td><div></div></td> </tr></table></body></html>

从以上代码的表现可以看出vertical-align属性起作用了。再来看一段实例代码:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">.parent{ width:200px; height:200px; border:1px solid red; vertical-align:bottom;}.children{ width:60px; height:60px; background-color:#690;}</style></head><body><div class="parent"> <div class="children"></div></div></body></html>

以上代码的表现可以看出,这里的vertical-align属性并没有起作用。这是因为此属性只能应用于具有valign属性的元素,table元素具有valign属性,而div元素不具有,所以第二个例子中,vertical-align属性不会起作用。

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0503/587.html

最为原始地址是:http://www.softwhy.com




湖南旅游攻略自助游湖南旅游报价价格湖南旅游景点推荐湖南旅游团报价湖南旅游团购优惠从化流溪河公园好不好?流溪河公园有哪些好玩的? 2015五一广州从化去哪玩?从化五一哪里有好玩的? 从化火车站到千泷沟大瀑布坐车方便吗?从化火车站到千泷沟大瀑布坐几路车? 千泷沟瀑布好玩吗?广州千泷沟大瀑布有哪些好玩的? 2015广州荔枝湾水上表演有哪些?广州荔枝湾水上表演赏花一日游攻略? 2015春节广州荔枝湾有什么花开放?广州荔枝湾水上花市持续到什么时候? 2015礐石塔山风景区旅游攻略?汕头礐石风景区一日游路线安排? 2015礐石塔山风景区水上游乐项目有什么?汕头礐石风景区最佳游玩时间? 中国著名古楼有哪些? 紫莲森林度假村门票包括什么?潮州紫莲森林度假村好玩吗? 紫莲森林度假村门票是通票?潮州紫莲森林度假村有另收费吗? 槟榔谷门票优惠吗?三亚槟榔谷有什么好玩的? 港澳自助旅游有什么好的路线? 香港旅游好去处? 什么时候去香港旅游比较合适? 去港澳旅游怎么样?港澳旅游有哪些好玩的景点? 12061C272MAT2A Datasheet 12061C272MAT2A Datasheet SQCB7M4R7CATME Datasheet SQCB7M4R7CATME Datasheet 12107C273KAT2A Datasheet 12107C273KAT2A Datasheet 黑龙江到香港旅游团价格 黑龙江到香港旅游团价格 黑龙江到香港旅游团价格 包头到香港游价格 包头到香港游价格 包头到香港游价格 长春港澳游价格 长春港澳游价格 长春港澳游价格