当前位置:首页 / 网页制作 / CSS教程 / CSS教程:DIV底部放置文字
CSS教程:DIV底部放置文字
芯晴素材特效 分类:CSS教程 发布日期:2016-05-12
  css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢? &l
  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>

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

热门素材

左右按钮tab选项卡双切换

2017-03-17   浏览:445

jQuery动画二级下拉导航

2017-03-15   浏览:204

跟随鼠标的走马灯滚动文字

2013-01-08   浏览:8653

jQuery全屏简洁带索引幻灯片

2017-03-17   浏览:381

跟随鼠标且不停滚动的文字

2012-12-26   浏览:7844

JS淡出淡入式图片轮播效果

2013-01-30   浏览:10493

jQuery倾斜逐张切换幻灯片

2017-03-17   浏览:501

jQuery点击弹出仿百度登录窗口网页下载

2017-03-09   浏览:179

jQuery图片卡片翻牌动画特效

2017-03-14   浏览:478

jQuery+CSS3多张图片选择动画

2017-03-14   浏览:251

jQuery评论内容上下滑动切换效果

2017-03-17   浏览:164

动画测试:可控制的透明度渐变、位置

2013-01-09   浏览:7983