当前位置:首页 / 网页制作 / 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(#换@),我们将尽快处理。

热门素材

jQuery下一个素描预览幻灯片

2017-03-17   浏览:285

jq竖直手风琴导航

2017-03-16   浏览:121

HTML5 Canvas文本输入框动画特效

2017-03-13   浏览:344

JS限制时间自动关闭的div广告层

2013-01-16   浏览:7894

wordpress图片插件auto highslide实现的图片

2013-01-19   浏览:8156

JS打造的flash效果逐渐放大缩小的弹出

2013-01-15   浏览:8486

jQuery实现感应鼠标放大的图片墙效果

2013-03-19   浏览:8673

支持IE9,IE10高版本浏览器改进版苹果导

2017-03-09   浏览:343

JS动态生成表格,单元格随机背景色

2013-03-04   浏览:8324

js+css打造的仿土豆网带缩略图的图片幻

2013-01-14   浏览:8641

马赛克图片显示效果

2013-01-02   浏览:7834

CSS+jQuery实现可关闭的智能定位的浮动

2013-01-16   浏览:7997

点击咨询客服