CSS实现文字底部对齐

网络整理 - 07-29
css对文字的布局上没有靠容器底部对齐的参数,不过我们可以使用position的相对和绝对定位功能轻松实现文字靠近div底部对齐,并且靠近的距离可以调节,精确到像素,代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
""> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>CSS实现文字底部对齐</title> 
<style type="text/css"> 
#txt{
 height:300px; 
 width:300px; 
 border:1px solid #333333; 
 position:relative  


#txt p{ 
 position:absolute; 
 bottom:0px; 
 padding:0px; 
 margin:0px 

</style> 
</head>  
<body> 
<div id="txt"> 
<p><a href="" target="_blank">中国站长天空</a></p> 
</div> 
</body> 
</html>