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

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

以下是引用片段:

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">

<title>无标题文档</title>

<styletype="text/css">

#txt{

height:300px;

width:300px;

border:1pxsolid#333333;

text-align:center;

position:relative

}

#txtp{

position:absolute;

bottom:0px;

padding:0px;

margin:0px

}

</style>

</head>

<body>

<divid=txt>

<p>aadsad</p>

</div>

</body>

</html>

人情似纸张张薄,世事如棋局局新。

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

相关文章:

你感兴趣的文章:

标签云: