龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

div 底部对齐居中

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
div 底部对齐 div 底部 div 页面底部 div css div css教程 div css视频教程 div css模板 div css布局 div css网站 div css教程下载 这个问题是别人提出的,因为css对文字的布局上没有靠容器底部对齐的

div 底部对齐 div 底部 div 页面底部 div css div css教程 div css视频教程 div css模板div css布局 div css网站 div css教程下载

这个问题是别人提出的,因为css对文字的布局上没有靠容器底部对齐的参数,(或许有但是我没有发现)不过目前我使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,我用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢? Webjx.Com

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
#txt{

 height:300px;
 width:300px;
 border:1px solid #333333;
 text-align:center;
 position:relative

}
#txt p{
 position:absolute;
 bottom:0px;
 padding:0px;
 margin:0px
}
</style>
</head><body>
<div id=txt>
<p>aadsad</p>
</div>
</body>
</html> 
 


精彩图集

赞助商链接