怎样用CSS让文本居于div的底部

日期:2021-01-20 类型:科技新闻 

关键词:小程序 活动,微信小程序demo,微信小程序游戏开发价格,手机小程序怎么做,视频播放微信小程序


  这个难题是他人提出的,由于css对文本的合理布局上沒有靠器皿底部对齐的主要参数,(也许有可是我沒有发现)但是现阶段我应用的1个非常好的方式也较为好.便是用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>
上一篇:学习培训WEB规范必备的4项专业技能 返回下一篇:没有了