如何用CSS让文字居于div的底部



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

<!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>



相关阅读:
vbscript禁用 启用fso的方法
Linux操作系统下USB图像采集驱动的安装
用ASP.NET还原与恢复Sql server
asp.net夜话之九:验证控件---(下)
Winxp下php5,mysql5详细安装教程
php下常用表单验证的正则表达式
巧用ASP脚本命令重启服务器
RTM,RTW,GA等软件版本号详解
PHP容易被忽略而出错陷阱 数字与字符串比较
js实现的层变换效果
使用CSS Sprite的一些最佳实践
Thinking XML: XML 样式的 HTML5
把 CDATA 中的内容(有可能是不规范的Html代码)以Html方式展现出来。
结合FSO操作和Aspjpeg组件写的Class
快速导航

Copyright © 2016 phpStudy |