css中valign |css网页设计实例代码

/*将元素的文本基线与父元素的基线对齐*/
.valign-baseline{
vertical-align: baseline;
}
/*将元素置于父元素顶部*/
.valign-top{
vertical-align: top;
}
/*将元素置于父元素中间*/
.valign-middle{
vertical-align: middle;
}
/*将元素置于父元素底部*/
.valign-bottom{
vertical-align: bottom;
}

需要注意的是，valign属性只对表格元素和行内元素有效。对于块级元素，可以使用margin和padding属性实现垂直对齐。

除了指定元素的垂直对齐方式，valign属性还可以用于设置表格中单元格或行的垂直对齐方式。

/*将表格单元格中的内容垂直居中*/
table td{
vertical-align: middle;
}
/*将表格行中的内容垂直居中*/
table tr{
vertical-align: middle;
}

总之，valign属性是CSS中一个非常实用的属性，可以通过它实现多种不同的垂直对齐效果。