用CSS让文字居于div的底部
发布时间：2018年2月26日 作者：未知 查看次数：1460

自：https://www.cnblogs.com/henuyuxiang/p/6146145.html


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>

版权所有！www.sieye.cn
E.Mail:sieye@sohu.com QQ:66697110