头闻号

山东中远汇丽节能建材有限公司

防水涂料|室内涂料|保温涂料|室外涂料|建筑涂料|防腐涂料

首页 > 新闻中心 > 科技常识:如何用CSS让文字居于div的底部
科技常识:如何用CSS让文字居于div的底部
发布时间:2023-02-01 09:51:30        浏览次数:4        返回列表

今天小编跟大家讲解下有关如何用CSS让文字居于div的底部 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关如何用CSS让文字居于div的底部 的相关资料,希望小伙伴们看了有所帮助。

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

来源:爱蒂网