手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >如何用CSS让文字居于div的底部
如何用CSS让文字居于div的底部
摘要:这个问题是别人提出的,因为css对文字的布局上没有靠容器底部对齐的参数,(或许有但是我没有发现)不过目前我使用的一个不错的方法也比较好.就是...

这个问题是别人提出的,因为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>

【如何用CSS让文字居于div的底部】相关文章:

CSS让ul所有的li居中显示的方法

文字环绕图片的布局效果

VB.net2008实例 编写文字加解密程序

用CSS缩写给你的网站加速

用CSS让DIV层水平居中

如何利用CSS3制作3D文字效果

CSS文字颜色不变下划线变颜色的实现

使用CSS框架布局的缺点和优点

CSS控制文字在Div最底部显示

用css实现文字的自动隐藏

精品推荐
分类导航