资深而专注的洛阳网站建设专家域名空间多媒体设计中心博易网软件开发Jsp空间   郑州北京洛阳上海深圳广州Englishwap网站
栏目导航
互联网资讯
网络营销研究
网站建设知识
搜索引擎优化
创意设计
网站重构
网站维护
网站运营
Wap网站建设
多媒体设计2
电 话:


E-mail: 客服QQ:
(0379)63921200
(0379)63265368
(0371)63653120
zdwx@zdwx.com

点击这里与张小姐交谈
如何用CSS让文字居于div的底部
作者: 出处:
加入时间:2008-6-26 9:09:32 点击数:430次         自动滚屏(右键暂停)

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> 


 


  • 上一篇: 兼容IE8的hack方法
  • 下一篇: CSS:如何编写代码才能更有效率
  •  
    © 2007 正达网讯 All Rights Reserved.